@include('layouts.sidebar')
	
	
        <!-- =============== Left side End ================-->
		

        <div class="main-content-wrap sidenav-open d-flex flex-column">
            <!-- ============ Body content start ============= -->
            <div class="main-content">				
 
                <div class="row">
                    <div class="card text-left">
                        <form action="{{route($current_menu.'.store')}}" method="POST" enctype="multipart/form-data">
                        {!! csrf_field() !!}
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h3 class="card-title mb-3"> Create Service Subcategory </h3>
                                        <div class="data-create">
                                            <div class="container">
                                                <div class="row">
                                                    <div class="col">
                                                        <label>Service Subcategory<span style="color: red">*</span></label>
                                                        <br>
                                                        <input type="text" class="form-control" placeholder="Enter Service Subcategory" name="sub_title" value="{{ old('sub_title') }}">
                                                          @if ($errors->has('sub_title'))
                                                            <div class="error text-danger">
                                                                {{ $errors->first('sub_title') }}
                                                            </div>
                                                            @endif
                                                    </div>

                                                     <div class="col">
                                                        <label>Arabic Service Subcategory<span style="color: red">*</span></label>
                                                        <br>
                                                        <input type="text" class="form-control" placeholder="Enter Arabic Service Subcategory" name="arabic_title" value="{{ old('arabic_title') }}">
                                                          @if ($errors->has('arabic_title'))
                                                            <div class="error text-danger">
                                                                {{ $errors->first('arabic_title') }}
                                                            </div>
                                                            @endif
                                                    </div>
                                                    <div class="col">
                                                        <label>Category<span style="color: red">*</span></label>
                                                        <br>
                                                        <select name="category_id" class="form-control">
                                                          <option value="" selected="">Select Category</option>
                                                                                                                   
                                                          
                                                        </select>
                                                        @if ($errors->has('category_id'))
                                                            <div class="error text-danger">
                                                                {{ $errors->first('category_id') }}
                                                            </div>
                                                            @endif

                                                    </div>
                                                </div>
                                                <br>

                                                 <div class="row">
                                                    <div class="col-md-3">
                                                        <label>Price<span style="color: red">*</span></label>
                                                        <br>
                                                        <input type="number" class="form-control" placeholder="Enter Price" name="price" value="{{ old('price') }}">
                                                          @if ($errors->has('price'))
                                                            <div class="error text-danger">
                                                                {{ $errors->first('price') }}
                                                            </div>
                                                            @endif
                                                    </div>
                                                    <div class="col-md-3">
                                                        <label>Size</label>
                                                        <br>
                                                        <input type="text" class="form-control" placeholder="Enter Size" name="size" value="{{ old('size') }}">
                                                        
                                                    </div>
                                                     <div class="col-md-3">
                                                        <label>Arabic Size</label>
                                                        <br>
                                                        <input type="text" class="form-control" placeholder="Enter Arabic Size" name="arabic_size" value="{{ old('arabic_size') }}">
                                                        
                                                    </div>
                                                     <div class="col-md-3">
                                                        <label>Quantity</label>
                                                        <br>
                                                        <input type="number" class="form-control" placeholder="Enter Quantity" name="quantity" value="{{ old('quantity') }}">
                                                         
                                                    </div>
                                                </div>
                                                <br>
                                                 <div class="row">
                                                    <div class="col-md-3">
                                                        <label>Age</label>
                                                        <br>
                                                        <input type="text" class="form-control" placeholder="Enter Age" name="age" value="{{ old('age') }}">
                                                          
                                                    </div>
                                                    <div class="col-md-3">
                                                        <label>Arabic Age</label>
                                                        <br>
                                                        <input type="text" class="form-control" placeholder="Enter Arabic Age" name="arabic_age" value="{{ old('arabic_age') }}">
                                                        
                                                    </div>
                                                     <div class="col-md-3">
                                                        <label>Weight</label>
                                                        <br>
                                                        <input type="text" class="form-control" placeholder="Enter Weight" name="  weight" value="{{ old(' weight') }}">
                                                        
                                                    </div>
                                                     <div class="col-md-3">
                                                        <label>Arabic Weight</label>
                                                        <br>
                                                        <input type="text" class="form-control" placeholder="Enter Arabic Weight" name="arabic_weight" value="{{ old('arabic_weight') }}">
                                                         
                                                    </div>
                                                </div>
                                                <br>
                                            </div>
                                        </div>
                                        <br>
                                        <div class="uploader">
                                            <input type="file" name="subcategory_image"><br>
                                             @if ($errors->has('subcategory_image'))
                                            <div class="error text-danger">
                                                {{ $errors->first('subcategory_image') }}
                                            </div>
                                             @endif
                                            <button type="submit" class="btn btn-success">Submit</button>
                                            <!-- <input type="text" class="nick-name" placeholder="Please Enter Nick Name"> -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
		            </div>
                </div>
				
            </div><!-- Footer Start -->
            <div class="flex-grow-1"></div>
			
        </div>
    </div><!-- ============ Search UI Start ============= -->
 
    <!-- ============ Search UI End ============= -->
    <style type="text/css">
      .form-control {
        width:74%;
    border: initial;
    outline: initial !important;
    background: #ffffff;
    border: 1px solid #ced4da;
    color: #47404f;
}
.form-control:focus {
    color: #665c70;
    background-color: #fff;
    border-color: #a679d2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(255 255 255);
}
@media (max-width: 575.98px) {
 .form-control {
        width:100%;
    border: initial;
    outline: initial !important;
    background: #ffffff;
    border: 1px solid #ced4da;
    color: #47404f;
} }
@media (min-width: 576px) and (max-width: 767.98px) { 
.form-control {
        width:100%;
    border: initial;
    outline: initial !important;
    background: #ffffff;
    border: 1px solid #ced4da;
    color: #47404f;
}
 }
    </style>
    <script src="{{ asset('js/jquery-3.3.1.min.js') }}"></script>
    <script src="{{ asset('js/bootstrap.bundle.min.js') }}"></script>
    <script src="{{ asset('js/perfect-scrollbar.min.js') }}"></script>
    <script src="{{ asset('js/script.min.js') }}"></script>
    <script src="{{ asset('js/sidebar.large.script.min.js') }}"></script>
    <script src="{{ asset('js/echarts.min.js') }}"></script>
    <script src="{{ asset('js/echart.options.min.js') }}"></script>
    <script src="{{ asset('js/dashboard.v1.script.min.js') }}"></script>
</body>

</html>