@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('packages.index') }}">Packages</a>

  <span> > </span>
  <a href="javascript:void(0)">{{$title}}</a>
</div>
<div class="row">
  <div class="col-xxl-12 col-lg-12 col-12 mb-5">

    @if($action == 'Edit')
    <form class="form-data" id="edit_form" method="POST" action="{{ route('packages.update', [$record->id]) }}" enctype="multipart/form-data">
      {{ method_field('PUT') }}
      @else
      <form class="form-data" method="POST" id="add_form" action="{{ route('packages.store') }}" enctype="multipart/form-data">
        @endif
        @csrf
        <div class="row">
          <div class="col-md-6 col-12 mb-3">
            <div class="card-main">

              <h2 class="iheading-man">{{ __($title) }}</h2>
              <div class="row">
                <div class="col-md-12 col-12 mb-3">
                  <label>Title <small class="red">* </small></label>
                  @if(isset($record))
                  @php $title=$record->title; @endphp
                  @elseif(old('title'))
                  @php $title=old('title'); @endphp
                  @else
                  @php $title=''; @endphp
                  @endif
                  <input type="text" id="title" name="title" value="{{ $title }}" class="form-control @error('title') is-invalid @enderror" placeholder="Enter Title" {{$readonly}}>
                  @error('title')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div class="col-md-4 col-12 mb-3">
                  <label>Package Detail <small class="red">* </small></label>
                  @if(isset($record))
                  @php $package_detail_id=$record->package_detail_id; @endphp
                  @elseif(old('package_detail_id'))
                  @php $package_detail_id=old('package_detail_id'); @endphp
                  @else
                  @php $package_detail_id=0; @endphp
                  @endif
                  <select id="package_detail_id" class="form-control  @error('package_detail_id') is-invalid @enderror" name="package_detail_id" data-bs-toggle="tooltip" data-bs-original-title="Select package detail.">
                    <option value="">Not Selected</option>
                    @foreach ($packageDetails as $packageDetail)
                    <option value="{{ $packageDetail->id }}" {!! ($package_detail_id==$packageDetail->id) ? 'selected' : '' !!}>{{ $packageDetail->name }}</option>
                    @endforeach
                  </select>
                  @error('package_detail_id')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div class="col-md-4 col-12 mb-3">
                  <label for="packageTypeSelect">Package Type <small class="red">* </small></label>
                  @if(isset($record))
                  @php $packageType=$record->packageType; @endphp
                  @elseif(old('packageType'))
                  @php $packageType=old('packageType'); @endphp
                  @else
                  @php $packageType=0; @endphp
                  @endif
                  <select name="packageType" id="packageTypeSelect" class="form-select @error('packageType') is-invalid @enderror">
                    <option value="" disabled selected>--- Not Selected ---</option>
                    @if (is_countable($categories))
                    @foreach ($categories as $cat)
                    <option value="{{ $cat->id }}" {!! ($packageType==$cat->id) ? 'selected' : '' !!}>{{ $cat->title }}</option>
                    @endforeach
                    @endif
                  </select>
                  @error('packageType')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div class="col-md-4 col-12 mb-3">
                  <label>Food Type <small class="red">* </small></label>
                  @if(isset($record))
                  @php $type=$record->type; @endphp
                  @elseif(old('type'))
                  @php $type=old('type'); @endphp
                  @else
                  @php $type=0; @endphp
                  @endif
                  <select required name="type" class="form-select @error('type') is-invalid @enderror" id="typeSelect">
                    <option value="V" {!! ($type=='V' ) ? 'selected' : '' !!}>Veg</option>
                    <option value="N" {!! ($type=='N' ) ? 'selected' : '' !!}>Non Veg</option>
                  </select>
                  @error('type')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div class="col-md-4 col-12 mb-3 totalTiffin">
                  <label>No. of Tiffins <small class="red">* </small></label>
                  @if(isset($record))
                  @php $no_of_tiffins=$record->no_of_tiffins; @endphp
                  @elseif(old('no_of_tiffins'))
                  @php $no_of_tiffins=old('no_of_tiffins'); @endphp
                  @else
                  @php $no_of_tiffins=1; @endphp
                  @endif
                  <input name="no_of_tiffins" id="no_of_tiffins" type="number" class="form-control @error('no_of_tiffins') is-invalid @enderror" value="{{ $no_of_tiffins }}">
                  @error('no_of_tiffins')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div class="col-md-4 col-12 mb-3 fromDay">
                  <label>From Day <small class="red">* </small></label>
                  @if(isset($record))
                  @php $from_day=$record->from_day; @endphp
                  @elseif(old('from_day'))
                  @php $from_day=old('from_day'); @endphp
                  @else
                  @php $from_day=""; @endphp
                  @endif
                  <select name="from_day" class="form-select  @error('from_day') is-invalid @enderror" id="fromDaySelect">
                    <option value="">--- Not Selected ---</option>
                    <option value="monday" {!! ($from_day=='monday' ) ? 'selected' : '' !!}>Monday</option>
                    <option value="tuesday" {!! ($from_day=='tuesday' ) ? 'selected' : '' !!}>Tuesday</option>
                    <option value="wednesday" {!! ($from_day=='wednesday' ) ? 'selected' : '' !!}>Wednesday</option>
                    <option value="thursday" {!! ($from_day=='thursday' ) ? 'selected' : '' !!}>Thursday</option>
                    <option value="friday" {!! ($from_day=='friday' ) ? 'selected' : '' !!}>Friday</option>
                    <option value="saturday" {!! ($from_day=='saturday' ) ? 'selected' : '' !!}>Saturday</option>
                    <option value="sunday" {!! ($from_day=='sunday' ) ? 'selected' : '' !!}>Sunday</option>
                  </select>
                  @error('from_day')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div class="col-md-4 col-12 mb-3 toDay">
                  <label>To Day <small class="red">* </small></label>
                  @if(isset($record))
                  @php $to_day=$record->to_day; @endphp
                  @elseif(old('to_day'))
                  @php $to_day=old('to_day'); @endphp
                  @else
                  @php $to_day=""; @endphp
                  @endif
                  <select name="to_day" class="form-select  @error('to_day') is-invalid @enderror" id="toDaySelect">
                    <option value="">--- Not Selected ---</option>
                    <option value="monday" {!! ($to_day=='monday' ) ? 'selected' : '' !!}>Monday</option>
                    <option value="tuesday" {!! ($to_day=='tuesday' ) ? 'selected' : '' !!}>Tuesday</option>
                    <option value="wednesday" {!! ($to_day=='wednesday' ) ? 'selected' : '' !!}>Wednesday</option>
                    <option value="thursday" {!! ($to_day=='thursday' ) ? 'selected' : '' !!}>Thursday</option>
                    <option value="friday" {!! ($to_day=='friday' ) ? 'selected' : '' !!}>Friday</option>
                    <option value="saturday" {!! ($to_day=='saturday' ) ? 'selected' : '' !!}>Saturday</option>
                    <option value="sunday" {!! ($to_day=='sunday' ) ? 'selected' : '' !!}>Sunday</option>
                  </select>
                  @error('to_day')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div class="days-section col-12">
                  <div class="row py-3">
                    <div class="col-12">
                      <h5>Days</h5>
                    </div>
                    @foreach($days as $day)
                                     <div class="col-xl-6 col-lg-6 col-md-12 col-12 my-2 dayDiv" id="day{{$day['id']}}">
                      <div class="row">
                        <div class="col-8 col-md-8 d-flex align-items-center">
                          <div class="form-check form-switch custom-switch-v1">
                            <input name="days[]" type="checkbox" class="form-check-input input-primary" id="dayId{{$day['id']}}" value="{{$day['id']}}" {!! ($day['checked']) ? 'checked' : '' !!}>
                            <label class="form-check-label" for="dayId{{ $day['id'] }}">{{$day['day']}}</label>
                          </div>
                        </div>
                        <div class=" col-4 col-md-4">
                          <input type="text" name="day_qty[]" class="form-control quantity-field day_qty" placeholder="Quantity" value="{{$day['qty']}}" data-bs-toggle="tooltip" data-bs-original-title="Save changes">
                        </div>
                      </div>
                    </div>

                    @endforeach
                  </div>
                </div>

                <div class="col-md-4 col-12 mb-3">
                  <label>Price <small class="red">* </small></label>
                  @if(isset($record))
                  @php $price=$record->price; @endphp
                  @elseif(old('price'))
                  @php $price=old('price'); @endphp
                  @else
                  @php $price=''; @endphp
                  @endif
                  <input type="text" id="price" name="price" value="{{ $price }}" class="form-control @error('price') is-invalid @enderror" placeholder="Enter Price" {{$readonly}}>
                  @error('price')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div class="col-md-4">
                  @php $visible_for=''; @endphp
                  @if(old('visible_for'))
                  @php $visible_for=old('visible_for'); @endphp
                  @elseif(isset($package))
                  @php $visible_for=$package->visible_for; @endphp
                  @endif
                  <label>Visible For <span class="text-danger">*</span></label>
                  <select name="visible_for" id="visible-for-select" class="form-select @error('price') is-invalid @enderror">
                    <option value="A" {!! ($visible_for=='A' ) ? 'selected' : '' !!}>All</option>
                    <option value="I" {!! ($visible_for=='I' ) ? 'selected' : '' !!}>Individual</option>
                  </select>
                  @error('visible_for')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div class="col-md-4 col-12 mb-3">
                  @if(isset($record->active))
                  @php $active = $record->active; @endphp
                  @else
                  @php $active = 1; @endphp
                  @endif
                  <label for="activeToggle" class="control-label"> Active</label>
                  <div class="form-check form-switch">
                    <input class="form-check-input" type="checkbox" role="switch" name="active" id="activeToggle"  value=1>
                  </div>
                </div>

                <div id="individual-customers-div" class="col-md-12 ">

                  @php $tags=[]; @endphp
                  @if(old('tags'))
                  @php $tags=old('tags'); @endphp
                  @elseif(isset($package))
                  @php $tags=($package->package_customers) ? $package->package_customers->pluck('customer_id')->toArray() : []; @endphp
                  @endif
                  <label>Individual Customers <span class="text-danger">*</span></label>

                  <select id="customer-select" class="form-select @error('tag') is-invalid @enderror" name="tags[]" multiple>
                    @foreach ($customers as $customer)
                    <option value="{{ $customer->id }}" {!! in_array($customer->id,$tags) ? 'selected' : '' !!}>{{ $customer->accountId . ' ' . $customer->firstName . ' ' . $customer->lastName }}</option>
                    @endforeach
                  </select>

                  @error('tags')
                  <span class="error">{{ $message }}</span>
                  @enderror
                  <!-- </div> -->
                </div>



                <div class="col-md-12 col-12 mb-3">
                  @if(isset($record->description))
                  @php $description = $record->description; @endphp
                  @else
                  @php $description = ''; @endphp
                  @endif
                  <label for="description" class="control-label"> Description</label>
                  <textarea class="form-control ckeditor" name="description" id="description">{!! $description !!}</textarea>
                </div>

                <div class="col-md-12 col-12 ">
                  <label>Photo <small class="red">* </small></label>
                  @if(isset($record->photo) && $record->photo != '' && ($action=='Edit' || $action=='View'))
                  @php $photo = $record->photo; @endphp
                  @else
                  @php $photo = ''; @endphp
                  @endif
                  <input type="file" id="fileInput" name="photo" class="fileInput form-control @error('photo') is-invalid @enderror" {{$readonly}}>
                  <div class="image-container" id="imageContainer">
                    @if($photo!="")
                    <img src="{{ asset(Storage::url('uploads/packages').'/'.$photo) }}" />
                    @endif
                  </div>
                  @error('photo')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-12">
            <div class="card-main">
              <h2 class="iheading-man">{{ __('Package Items') }}</h2>

              @include('packages.veg-items',['items'=>$vegLargeItems])
              @include('packages.veg-items',['items'=>$vegSmallItems])

              @if (is_countable($rotiItems))
              <div class="row">
                @foreach ($rotiItems as $item)
                <div class="col-lg-12 col-md-12 col-12 my-2">
                  <div class="row">
                    <div class="col-lg-6 col-md-6 col-6 d-flex align-items-center">
                      <div class="form-check form-switch custom-switch-v1">
                        <input
                          name="item[]"
                          type="checkbox"
                          class="form-check-input input-primary"
                          id="item{{ $loop->index }}"
                          value="{{ $item->id }}"
                          {{ in_array($item->id, old('item', $assigned_item_ids)) ? 'checked' : '' }}>
                        <label class="form-check-label" for="item{{ $loop->index }}">{{ $item->title }}</label>
                      </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-6 ">
                      <input
                        type="text"
                        name="{{ $item->id }}"
                        class="form-control quantity-field"
                        placeholder="Quantity"
                        value="{{ old($item->id, $item->quantity) }}"
                        data-bs-toggle="tooltip"
                        data-bs-original-title="Save changes">
                    </div>
                  </div>
                </div>
                @endforeach
              </div>
              @endif

              @if (is_countable($riceItems))
              <div class="row">
                @foreach ($riceItems as $item)
                <div class="col-lg-12 col-md-12 col-12 my-2">
                  <div class="row">
                    <div class="col-lg-6 col-md-6 col-6 d-flex align-items-center">
                      <div class="form-check form-switch custom-switch-v1">
                        <input
                          name="item[]"
                          type="checkbox"
                          class="form-check-input input-primary"
                          id="item{{ $loop->index }}"
                          value="{{ $item->id }}"
                          {{ in_array($item->id, old('item', $assigned_item_ids)) ? 'checked' : '' }}>
                        <label class="form-check-label" for="item{{ $loop->index }}">{{ $item->title }}</label>
                      </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-6">
                      <input
                        type="text"
                        name="{{ $item->id }}"
                        class="form-control quantity-field"
                        placeholder="Quantity"
                        value="{{ old($item->id, $item->quantity) }}"
                        data-bs-toggle="tooltip"
                        data-bs-original-title="Save changes">
                    </div>
                  </div>
                </div>
                @endforeach
              </div>
              @endif

              @if (is_countable($otherItems))
              <div class="row">
                @foreach ($otherItems as $item)
                <div class="col-lg-12 col-md-12 col-12 my-2">
                  <div class="row">
                    <div class="col-lg-6 col-md-6 col-6 d-flex align-items-center">
                      <div class="form-check form-switch custom-switch-v1">
                        <input
                          name="item[]"
                          type="checkbox"
                          class="form-check-input input-primary"
                          id="item{{ $loop->index }}"
                          value="{{ $item->id }}"
                          {{ in_array($item->id,  $assigned_item_ids) ? 'checked' : '' }}>
                        <label class="form-check-label" for="item{{ $loop->index }}">{{ $item->title }}</label>
                      </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-6">
                      <input
                        type="text"
                        name="{{ $item->id }}"
                        class="form-control quantity-field"
                        placeholder="Quantity"
                        value="{{ old($item->id, $item->quantity) }}"
                        data-bs-toggle="tooltip"
                        data-bs-original-title="Save changes">
                    </div>
                  </div>
                </div>
                @endforeach
              </div>
              @endif
            </div>
          </div>
        </div>


        <!-- new-card -->
        <div class="fix-button-main">
          <div class="save-fix">
            <div class="float-end">
              @if($action!='View')
              <button type="submit" class="btn save-b me-3" type="button">
                Save
              </button>
              @endif
              <a type="button" class="btn btn-light me-2 float-end save-draft" href="{{ route('items.index') }}"> {!! ($action!='View') ? 'Cancel' : 'Back' !!}</a>
            </div>
          </div>
        </div>
  </div>
  <div id="addressParts" hidden>
    {{-- --}}
  </div>
  </form>
</div>
</div>
</div>
@endsection
@push('scripts')
<script>
  $('.fileInput').on('change', function(event) {
    var file = event.target.files[0];
    that = this;
    if (file) {
      var reader = new FileReader();
      reader.onload = function(e) {
        $(that).parent().find('.image-container').html('<img src="' + e.target.result + '" alt="Selected Image">');
      }
      reader.readAsDataURL(file);
    }
  });

  $(document).ready(function() {
    setTimeout(() => {
      if ($('#visible-for-select').val() == 'A') {
        $('#individual-customers-div').hide();
      } else if ($('#visible-for-select').val() == 'I') {
        $('#individual-customers-div').show();
      }
    }, 500);

    id = $('#packageTypeSelect').val();
    if (id == 3) {
      $('.totalTiffin').hide();
      $('.fromDay').hide();
      $('.toDay').hide();
      $('.days-section').hide();
    } else {
      $('.totalTiffin').show();
      $('.fromDay').show();
      $('.toDay').show();
    }
    setTimeout(() => {
      updateDays();
    }, 500);

    $('.days-section').hide();

    // select countries
    $("#customer-select").select2({
      ajax: {
        url: "{{ route('getUsers') }}",
        type: "get",
        dataType: 'json',
        delay: 250,
        data: function(params) {
          return {
            searchTerm: params.term // search term

          };
        },
        processResults: function(response) {
          return {
            results: response

          };
        },
        cache: true
      }
    });

    $('#visible-for-select').change(function() {
      if ($('#visible-for-select').val() == 'A') {
        $('#individual-customers-div').hide();
      } else if ($('#visible-for-select').val() == 'I') {
        $('#individual-customers-div').show();
      }
    })
  })

  $(document).on('change', '#packageTypeSelect', function() {
    id = $(this).val();
    if (id == 3) {
      $('.totalTiffin').hide();
      $('.fromDay').hide();
      $('.toDay').hide();
      $('.days-section').hide();
    } else {
      $('.totalTiffin').show();
      $('.fromDay').show();
      $('.toDay').show();
    }
  })

  $(document).on('change', '#fromDaySelect', function() {
    updateDays();
  })

  $(document).on('change', '#toDaySelect', function() {
    updateDays();
  })

  function updateDays() {
    var daysOfWeek = [{
        value: 'monday'
      },
      {
        value: 'tuesday'
      },
      {
        value: 'wednesday'
      },
      {
        value: 'thursday'
      },
      {
        value: 'friday'
      },
      {
        value: 'saturday'
      },
      {
        value: 'sunday'
      }
    ];

    $('.days-section').hide();
    $('.dayDiv').hide();
    fromDay = $('#fromDaySelect').val();
    toDay = $('#toDaySelect').val();

    var from = daysOfWeek.findIndex(day => day.value === fromDay);
    var to = daysOfWeek.findIndex(day => day.value === toDay);
    console.log(from);
    if (from >= 0 && to >= 0) {
      from++;
      to++;
      console.log(from);
      $('.days-section').show();
      for (from; from <= to; from++) {
        $('#day' + from).show();
      }

      from++;
      to++;
      if (to < 7) {
        for (x = to; x <= 7; x++) {
          console.log('#day' + x);
          // $('#day' + x).parent('.dayDiv').html(222);
          $('#day' + x).find('.day_qty').val(0);
        }
      }
    }
  }
</script>
@endpush