@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">
        <!-- BEGIN : Main Content-->
        <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 Offer</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_offer', $offer) }}">
                    @csrf
                      <div class="form-body">
                        
                        <div class="row">

                          <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group">
                              <label for="basicInput">Name</label>
                            <input type="text" class="form-control" name="name" value="{{ old('name', $offer->name) }}" placeholder="Name">
                            </fieldset>
                          </div>

                          <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group">
                              <label for="basicInput">Purchase Amount</label>
                              <input type="text" class="form-control" name="purchase_amount" value="{{ old('purchase_amount', $offer->price) }}" placeholder="Purchase Amount">
                            </fieldset>
                          </div>  
                          
                          <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group">
                                <label for="basicInput">Discount (in %)</label>
                                <input type="number" class="form-control" name="discount" value="{{ old('discount', $offer->discount) }}" placeholder="Discount percentage">
                            </fieldset>
                            </div> 

                          <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group">
                              <label for="helpInputTop">Start Date</label>
                              <input type="date" class="form-control" name="start_date" value="{{ old('start_date', $offer->start_date) }}" >
                            </fieldset>
                          </div>


                          <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group">
                              <label for="disabledInput">End Date </label>
                              <input type="date" class="form-control" name="end_date" value="{{ old('end_date', $offer->end_date) }}">
                            </fieldset>
                          </div>

                          <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group">
                                <label for="basicInput">Offer Validity (in days)</label>
                                <input type="number" class="form-control" name="offer_validity" value="{{ old('offer_validity', $offer->offer_validity) }}" placeholder="Offer validity in days">
                            </fieldset>
                            </div> 

                          {{--<div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group">
                              <label for="disabledInput">Offer Type </label>
                              <select class="form-control" name="offer_type" id="offer_type">
                                    <option value="">Select Offer Type</option>
                                    <option value="Shipment" @if($offer->offer_type == 'Shipment') selected @endif >Shipment</option>
                                    <option value="Kilometers" @if($offer->offer_type == 'Kilometers') selected @endif >Kilometers</option>
                              </select>
                            </fieldset>
                          </div>--}}

                            <div class="col-xl-4 col-lg-6 col-md-12 mb-1" id="showField" >
                            <fieldset class="form-group">
                                <label for="basicInput" id="fieldLabel">Apply Counts</label>
                                <input type="number" class="form-control" name="number" value="{{ old('number', $offer->number) }}" placeholder="Enter number">
                            </fieldset>
                            </div> 

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

                        </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_offers') }}">  
                <button type="button" class="btn btn-raised btn-primary btn-min-width mr-1 mb-1">Back</button></a>
              </div>

            </div>
          </div>

      </section>
    </div>
</div>
</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>
$("#offer_type").on("change", function() {
    let offerType = $(this).val();
    if(offerType == "Shipment")
    {
        $("#fieldLabel").html("Number of Shipments");
        $("#showField").show();
    }
    else if(offerType == "Kilometers")
    {
        $("#fieldLabel").html("Number of Kilometers");
        $("#showField").show();
    }
    else
    {
        $("#fieldLabel").html("");
        $("#showField").hide();
    }
});
</script>
@endsection