@extends('layouts.master')

@section('css')
<link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/tables/datatable/datatables.min.css') }}">
@endsection

@section('content')
<div class="main-panel">
    <div class="main-content">
        <div class="content-wrapper">
          <!-- Minimal statistics section start -->
<section id="minimal-statistics">
        <div class="row">
          <div class="col-12 mt-3 mb-1">
            <div class="content-header">Edit Shipment Type</div>
          </div>
        </div>
        @if ($errors->any())
        <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{$error}}</li>
            @endforeach
        </ul>
        </div>
        @endif
           <div class="row">
            <div class="col-md-12">
              <div class="card">
                <div class="card-content mt-4">
                  <div class="px-3">
                  <form class="form" method="POST" action="{{ route('update_shipment', $shipment) }}" >
                    @csrf
                      <div class="form-body">
                        
                        <div class="row">


                          <div class="col-xl-12 col-lg-12 col-md-12 mb-1">
                            <fieldset class="form-group">
                              <label for="disabledInput">Vehicle Type</label>
                              <select class="form-control" name="type" id="type">
                                <option value="">Select Vehicle Type</option>
                                @foreach ($types as $type)
                                <option value="{{ $type->id }}" @if($type->id == $shipment->type_id) selected @endif >{{ $type->name }}</option>
                                @endforeach
                              </select>
                            </fieldset>
                          </div>  

                          <div class="col-xl-12 col-lg-12 col-md-12 mb-1">
                            <fieldset class="form-group">
                              <label for="disabledInput">Vehicle Size</label>
                              <select class="form-control" name="size" id="size">
                                <option value="">Select Size</option>
                                @foreach ($sizes as $size)
                                <option value="{{ $size->id }}" @if($size->id == $shipment->size_id) selected @endif >{{ $size->name }}</option>
                                @endforeach
                              </select>
                            </fieldset>
                          </div>

                          <div class="col-xl-12 col-lg-12 col-md-12 mb-1">
                            <fieldset class="form-group">
                                <input type="radio" name="area" @if($shipment->area_type == 'local') checked @endif value="local"> Local<br>
                                <input type="radio" name="area" @if($shipment->area_type == 'non-local') checked @endif value="non-local"> Non-Local<br>
                            </fieldset>
                          </div>

                          @if($shipment->area_type == 'local')
                          <div class="col-xl-12 col-lg-12 col-md-12 mb-1" id="chargesLocal" >
                            <fieldset class="form-group">
                              <label for="basicInput">Charges (price per km)</label>
                            <input type="text" class="form-control" name="charges" value="{{ old('charges', $shipment->charge) }}" placeholder="Charges">
                            </fieldset>
                          </div>
                          @else
                          <div class="col-xl-4 col-lg-4 col-md-4 mb-1" id="fromNonLocal" >
                            <fieldset class="form-group">
                              <label for="disabledInput">From</label>
                              <select class="form-control" name="from" id="from">
                                <option value="">Select City</option>
                                @foreach ($cities as $city)
                                <option value="{{ $city->city }}" @if($city->city == $shipment->from) selected @endif >{{ $city->city }}</option>
                                @endforeach
                              </select>
                            </fieldset>
                          </div>  

                          <div class="col-xl-4 col-lg-4 col-md-4 mb-1" id="toNonLocal" >
                            <fieldset class="form-group">
                              <label for="disabledInput">To</label>
                              <select class="form-control" name="to" id="to">
                                <option value="">Select City</option>
                                @foreach ($cities as $city)
                                <option value="{{ $city->city }}" @if($city->city == $shipment->to) selected @endif>{{ $city->city }}</option>
                                @endforeach
                              </select>
                            </fieldset>
                          </div>  

                          <div class="col-xl-4 col-lg-4 col-md-4 mb-1" id="chargesNonLocal" >
                            <fieldset class="form-group">
                              <label for="basicInput">Charges (price per km)</label>
                            <input type="text" class="form-control" name="charges_nonlocal" value="{{ old('charges_nonlocal', $shipment->charge) }}" placeholder="Charges">
                            </fieldset>
                          </div>
                          @endif

                          <div class="col-xl-12 col-lg-12 col-md-12 mb-1">
                            <fieldset class="form-group">
                              <label for="basicInput">Shipment Type</label>
                              <select class="form-control" name="shipment_type" id="shipment_type">
                                <option value="">Select Shipment Type</option>
                                <option value="Heavy Equipment" @if($shipment->name == 'Heavy Equipment') selected @endif>Heavy Equipment</option>
                                <option value="Military Equipment" @if($shipment->name == 'Military Equipment') selected @endif>Military Equipment</option>
                                <option value="Scrap" @if($shipment->name == 'Scrap') selected @endif>Scrap</option>
                                <option value="Trucks" @if($shipment->name == 'Trucks') selected @endif>Trucks</option>
                                <option value="Building Material" @if($shipment->name == 'Building Material') selected @endif>Building Material</option>
                                <option value="Cleaning Products" @if($shipment->name == 'Cleaning Products') selected @endif>Cleaning Products</option>
                                <option value="Engine Oil" @if($shipment->name == 'Engine Oil') selected @endif>Engine Oil</option>
                                <option value="Fodder" @if($shipment->name == 'Fodder') selected @endif>Fodder</option>
                                <option value="Food" @if($shipment->name == 'Food') selected @endif>Food</option>
                                <option value="Meats" @if($shipment->name == 'Meats') selected @endif>Meats</option>
                                <option value="Medicine" @if($shipment->name == 'Medicine') selected @endif>Medicine</option>
                                <option value="Milk" @if($shipment->name == 'Milk') selected @endif>Milk</option>
                                <option value="Furnishing" @if($shipment->name == 'Furnishing') selected @endif>Furnishing</option>
                                <option value="Napkin Rolls" @if($shipment->name == 'Napkin Rolls') selected @endif>Napkin Rolls</option>
                                <option value="Paper" @if($shipment->name == 'Paper') selected @endif>Paper</option>
                                <option value="Plant" @if($shipment->name == 'Plant') selected @endif>Plant</option>
                                <option value="Plastic" @if($shipment->name == 'Plastic') selected @endif>Plastic</option>
                                <option value="Others" @if($shipment->name == 'Others') selected @endif>Others</option>
                                <option value="Steel" @if($shipment->name == 'Steel') selected @endif>Steel</option>
                                <option value="Animals" @if($shipment->name == 'Animals') selected @endif>Animals</option>
                                <option value="Containers" @if($shipment->name == 'Containers') selected @endif>Containers</option>
                                <option value="Flowers" @if($shipment->name == 'Flowers') selected @endif>Flowers</option>
                                <option value="Fruits" @if($shipment->name == 'Fruits') selected @endif>Fruits</option>
                                <option value="Vegetable" @if($shipment->name == 'Vegetable') selected @endif>Vegetable</option>
                              </select>
                            </fieldset>
                          </div>

                          {{-- <div id="extra"></div>
      
                        <input type="button" class="form-control" value="Add more" id="more" /> --}}

                        </div>
                      </div>

                      <div class="col-md-12 text-center mt-2"> <input class="btn btn-success btn-raised" type="submit" value="Submit"> </div>

                    </form>
                  </div>
                </div>
              </div>


              <div class="backbutton mt-5"><a href="{{ route('list_shipment') }}">  
                <button type="button" class="btn btn-raised btn-primary btn-min-width mr-1 mb-1">Back</button></a>
              </div>

            </div>
          </div>
      </section>
      <!-- // Minimal statistics section end -->
    </div>
</div>

<!-- END : End Main Content-->

@include('partials.footer')

</div>
@endsection

@section('scripts')
<script src="{{ asset('app-assets/vendors/js/datatable/datatables.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('app-assets/js/data-tables/datatables-sources.js') }}" type="text/javascript"></script>
<script>
$(document).ready(function() {
    var x = 1;
    $('#more').click(function() {
        $('#extra').append('<div class="col-xl-12 col-lg-12 col-md-12 mb-1"><fieldset class="form-group"><label for="basicInput">Shipment Type</label><input type="text" class="form-control" name="shipment_type['+x+']" placeholder="Shipment Type"></fieldset></div>');
        x++;
    });

    $('input[name ="area"]').on('change', function(){
      var radio = $(this).val();
      if(radio == 'local')
      {
        $('#fromNonLocal').hide();
        $('#toNonLocal').hide();
        $('#chargesNonLocal').hide();
        $('#chargesLocal').show();
      }
      else
      {
        $('#chargesLocal').hide();
        $('#fromNonLocal').show();
        $('#toNonLocal').show();
        $('#chargesNonLocal').show();
      }
    });
});
$('#type').on('change', function(){
    var type = $(this).val();
		$.ajax({
            headers: {
            'X-CSRF-Token': $('input[name="_token"]').val()
        },
           type:'POST',
           url:"{{ route('get_vehicle_type_sizes') }}",
           data:{ type : type },
           success:function(data){
                console.log(data);
                let html = '<option value="">Select Size</option>';
                $.each(data,function(key,value){
					html += '<option data-id="'+value.id+'" value="'+value.id+'">'+value.name+'</option>';
				});
                $('#size').html(html);
            }
        });
});
</script>
@endsection