@extends('Layouts.adminLayout')
@section('title')
 {{__('Insert Shipment')}}
@endsection
@section('breadcrumb')
  <div class="content-header-left col-md-9 col-12 mb-2">
      <div class="row breadcrumbs-top">
          <div class="col-12">
              <div class="breadcrumb-wrapper col-12">
                  <ol class="breadcrumb">
                      <li class="breadcrumb-item"><a href="#">{{__('Panel')}}</a></li>
                      <li class="breadcrumb-item"><a href="#">{{__('Shipment')}}</a> </li>
                      <li class="breadcrumb-item active"><a href="#">{{__('Insert Shipment')}}</a></li>
                  </ol>
              </div>
          </div>
      </div>
  </div>
@endsection
@section('content')
<section class="input-validation">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card">
                               
                                <div class="card-header">
                                    {{__('Insert Shipment')}}
                                </div>
                                <div class="card-content">
                                    <div class="card-body">
                                        <form   action="{{route('Admin.shipments.store')}}"
                                              method="POST"   enctype="multipart/form-data" class="needs-validation form-horizontal"  novalidate>
                                            @CSRF
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Language')}}</label>
                                                        <div class="controls">
                                                            <div class="form-group">
                                                                <select class="select2 form-control {{ $errors->has('lang') ? ' is-invalid' : '' }}" id="lang"   name="lang"   required tabindex="1" onchange="changeLanguage(this.value)" >
                                                                 <option value="">{{__('Select')}}</option>
                                                                 @foreach($data['Languages'] as $value)
                                                                  <option value="{{$value->slug}}" @if(old('lang') == $value->slug) selected @endif  >{{$value->title}}</option>
                                                                  @endforeach
                                                                </select>
																 @if ($errors->has('lang'))
                                                                     <div class="invalid-feedback">{{ $errors->first('lang') }}</div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                 <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('City')}}</label>
                                                        <div class="controls">
                                                            <div class="form-group">
                                                                <select class="select2 form-control {{ $errors->has('city') ? ' is-invalid' : '' }}"  id="city" name="city[]"  required tabindex="4" data-live-search="true" multiple >
                                                                 <option value="">{{__('Select')}}</option>
                                                                 <option value="All" >{{__('All')}}</option>
                                                                </select>
																 @if ($errors->has('city'))
                                                                    <div class="invalid-feedback"> {{ $errors->first('city') }}</div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
												  <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Product Type')}}</label>
                                                        <div class="controls">
                                                            <div class="form-group">
                                                                <select class="select2 form-control {{ $errors->has('product_type') ? ' is-invalid' : '' }}" data-live-search="true" id="product_type" name="product_type" required >
                                                                 <option value="">{{__('Select')}}</option>
                                                                      @foreach( Config::get('productType') as $productType)
                                                                      <option  value="{{$productType['id']}}" @if(old('product_type') == $productType['id']) selected @endif  >{{__($productType['title'])}}</option>
                                                                     @endforeach
                                                                </select>
													  @if ($errors->has('product_type'))
                                                           <div class="invalid-feedback"> {{ $errors->first('product_type') }}</div>
                                                        @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
												
                                                <div class="col-md-6 col-12">
                                                    <fieldset class="form-group">
                                                        <label for="basicInput"> {{__('Title')}}</label>
                                                        <input type="text" class="form-control {{ $errors->has('title') ? ' is-invalid' : '' }}" name="title"
                                                               id="basicInput" value="{{ old('title') }}" required placeholder="{{__('Title')}}" tabindex="2" >
									                      @if ($errors->has('title'))
									                      	 <div class="invalid-feedback">{{ $errors->first('title') }}</div>
									                      @endif 
                                                    </fieldset>
                                                </div>
 

                                                     <div class="form-group col-12 col-md-3">
                                                        <fieldset class="checkbox">
                                                            <div class="vs-checkbox-con vs-checkbox-primary">
                                                                <input type="checkbox" name="payment_type" value="1"
                                                                       aria-invalid="false">
                                                                <span class="vs-checkbox">
                                                                    <span class="vs-checkbox--check">
                                                                        <i class="vs-icon feather icon-check"></i>
                                                                    </span>
                                                                </span>
                                                                <span class=""> {{__('So Rent')}}</span>
                                                            </div>
                                                        </fieldset>
                                                    </div>
                                                     <div class="form-group col-12 col-md-3">
                                                        <fieldset class="checkbox">
                                                            <div class="vs-checkbox-con vs-checkbox-primary">
                                                                <input type="checkbox" name="active" value="1"
                                                                       aria-invalid="false">
                                                                <span class="vs-checkbox">
                                                                    <span class="vs-checkbox--check">
                                                                        <i class="vs-icon feather icon-check"></i>
                                                                    </span>
                                                                </span>
                                                                <span class=""> {{__('Active')}}</span>
                                                            </div>
                                                        </fieldset>
                                                    </div>

                                            </div>
                                                <div  class="col-12 d-flex flex-sm-row flex-column justify-content-end mt-1">
                                                    <button type="submit"
                                                            class="btn btn-primary glow mb-1 mb-sm-0 mr-0 mr-sm-1">{{__('Save')}}</button>
                                                </div>

                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
             </div>
         </section>
@endsection
@section('script')
    <script>
 
                function changeLanguage (selectedLang) {
                    $.ajax({
                    url: "{{route('Admin.shipments.language')}}",
                    type: "POST",
                    data: {
                        _token : "{{csrf_token()}}",
                        lang : selectedLang
                    },
                    success:function (data) {
                        $('#city').html('');
						$('#city').append('<option value="All">{!! __('All') !!}</option>')
                        $.each(data,function(index,value){
                            $('#city').append('<option value="'+value.id+'">'+value.province+'-'+value.name+'</option>')
                        });
                          $('#city').trigger('change');
					  $( ".select2" ).change(function() {
                         if(this.value=='All' ){$("select > option").prop("selected","selected");}
                         else{$("select > option").removeAttr("selected");}
                        });
                    }
                });
    }

    </script>
@endsection