@extends('layouts.admin')

@section('content')
@php $readonly=''; @endphp
@if($action=='View')
@php $readonly='readonly'; @endphp
@endif
<div class="page-links">
  <a href="{{ route('dashboard') }}">Dashboard</a>
  <span> > </span>
  <a href="{{ route('packing-labels') }}">Packing Labels</a>

  <span> > </span>
  <a href="javascript:void(0)">{{$title}}</a>
</div>
<div class="row">
  <div class="col-xxl-8 col-lg-8 col-12 mb-5">
    <div class="card-main mb-3">
      <form action="{{ route('exportPackingLabels') }}" method="post">
        @csrf
        <div class="row mb-2">
          <div class="col-md-3 col-12">
            <label>Date <small class="red">* </small></label>
            <input type="date" value="{{$date}}" min="2024-10-22" id="date" name="date" class="form-control" />
          </div>

       

          <div class="col-md-6 col-12 ps-md-0 mt-4 ">
            <button type="button" name="view" class="btn btn-primary bg-color20" id="show">
              <i class="fa fa-eye"></i> Show
            </button>

            <button type="submit" name="export" class="btn btn-primary bg-color20">
              <i class="fa fa-upload"></i> Export
            </button>
          </div>
        </div>
      </form>
    </div>

    <div class="card-main">
      <div class="mb-4">
        <h2 class="iheading-man">{{ __($title) }}</h2>
      </div>
      <div class="table-responsive">
        <p>No Label !</p>
      </div>
    </div>
  </div>
</div>
@endsection
@push('scripts')
<script>
  $(document).on('click', '#show', function() {
    date = $('#date').val();
    $.ajax({
      type: 'GET',
      url: "{{ route('getPackingLabel') }}",
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      data: {
        date: date
      },
      success: function(data) {
        $('.table-responsive').html(data);
      }
    });

  });
</script>
@endpush