@extends('admin.master')
@section('content')
<!-- Remember to include jQuery :) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>

<!-- jQuery Modal -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
<style>
    .modal a.close-modal{
        top:0px !important;
        right:0px !important;
    }
</style>
<!--== BODY CONTNAINER ==-->
 <div class="container-fluid sb2">
    <div class="row">
        @include('admin.sidebar')

        <!--== BODY INNER CONTAINER ==-->

        <div class="sb2-2">
            <div class="sb2-2-2">
                <ul>
                    <li><a href="{{url('/')}}"><i class="fa fa-home" aria-hidden="true"></i> Home</a>
                    </li>
                    <li class="active-bre"><a href="#"> Add New Product</a>
                    </li>
                    <li class="page-back"><a href="{{url('/')}}/admin/products"><i class="fa fa-backward" aria-hidden="true"></i> All Products</a>
                    </li>
                </ul>

            </div>
            <div class="sb2-2-add-blog sb2-2-1">
                <div class="box-inn-sp">
                    <div class="inn-title">
                        <h4>Add Product</h4>
                        <center>
                            @if(Session::has('message'))
                                          <div class="alert alert-success">{{ Session::get('message') }}</div>
                           @endif

                           @if(Session::has('messageError'))
                                          <div class="alert alert-danger">{{ Session::get('messageError') }}</div>
                           @endif
                        </center>
                    </div>
                    <div class="bor">
                        <form method="POST" action="{{url('/')}}/admin/add_Product" enctype="multipart/form-data">
                            {{csrf_field()}}
                            <div class="row">
                                <div class="input-field col s12">
                                    <input autocomplete="off" name="title" id="list-title" type="text" class="validate" required>
                                    <label for="list-title">Product Name</label>
                                </div>
                                <div class="input-field col s12">
                                    <input autocomplete="off" name="price" id="list-title"  type="number" class="validate" required>
                                    <label for="list-title">Product Price</label>
                                </div>
                                {{-- <div class="input-field col s12">
                                    <input autocomplete="off" name="sku" id="list-title" type="text" placeholder="SKU-01" class="validate" required>
                                    <label for="list-title">SKU</label>
                                </div> --}}
                                <div class="input-field col s12">
                                    <div class="file-field">
                                        <div class="btn">
                                            <span>File(272px by 377px)</span>
                                            <input required name="image_one" type="file">
                                        </div>
                                        <div class="file-path-wrapper">
                                            <input  class="file-path validate" type="text" placeholder="Upload Product Main Image, Size 390 by 480">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="section-space col s12"></div>




                            <div class="row">
                                {{--  --}}
                                <div class="input-field col s6">
                                    <select required name="classification" class="icons" id="cat">
                                        <option value="" disabled selected>Selcet Class</option>
                                        @foreach ($Classification as $class)
                                        <option value="{{$class->id}}" class="circle">{{$class->title}}</option>
                                        @endforeach
                                    </select>
                                    <label>Choose Class</label>
                                </div>
                                <div class="input-field col s6">
                                    <select id="sub_cat" required name="sub_classification">

                                    </select>
                                    <label>Choose Sub Class</label>
                                </div>
                                {{--  --}}
                                <div class="section-space col s12"></div>
                            </div>

                            <div class="section-space col s12"></div>
                            <div class="row">
                                {{--  --}}
                                <div class="input-field col s12">
                                    <select required name="category" class="icons" id="mydiv">
                                        <option value="" disabled selected>Choose your Category</option>
                                        @foreach ($Category as $Categories)
                                        <option value="{{$Categories->id}}" data-icon="{{url('/')}}/uploads/categories/{{$Categories->image}}" class="circle">{{$Categories->title}}</option>
                                        @endforeach
                                    </select>
                                    <label>Choose Category</label>
                                </div>
                                {{-- <a href="#ex1" rel="modal:open"> <strong>+ Add New Category</strong> </a> --}}
                                {{--  --}}
                                <div class="section-space col s12"></div>
                            </div>