@extends('layouts.admin')

@section('content')
@php $readonly=''; @endphp
@if($action=='View')
@php $readonly='readonly'; @endphp
@endif
<style>
  .fix-button-main {
    position: fixed;
    width: -webkit-fill-available;
    left: auto;
  }
</style>

<div class="page-links">
  <a href="{{ route('dashboard') }}">Dashboard</a>
  <span> > </span>
  <a href="{{ route('purchase-orders.index') }}">Purchase Order</a>
</div>
<div class="row">
  <div class="col-xxl-12 col-lg-12 col-12">
    @if($action == 'Edit')
    <form class="form-data" id="edit_form" method="POST" action="{{ route('purchase-orders.update', [$record->id]) }}" enctype="multipart/form-data">
      {{ method_field('PUT') }}
      @else
      <form class="form-data" method="POST" id="add_form" action="{{ route('purchase-orders.store') }}" enctype="multipart/form-data">
        @endif
        @csrf
        <div class="card-main">
          <h2 class="iheading-man">{{ __($title) }}</h2>
          <div class="row">
            <div class="col-lg-3 col-6 mb-3">
              <label>Vendor <small class="red">* </small></label>
              @if(old('vendor_id'))
              @php $vendor_id = old('vendor_id'); @endphp
              @elseif(isset($record->vendor_id) && $record->vendor_id != '')
              @php $vendor_id = $record->vendor_id; @endphp
              @else
              @php $vendor_id = 0; @endphp
              @endif
              <select class="form-control" name="vendor_id" id="vendor_id">
                <option value="0">Select</option>
                @foreach($vendors as $vendorRec)
                <option value="{{ $vendorRec->id }}" {!! ($vendor_id==$vendorRec->id) ? 'selected' : '' !!}>{{ $vendorRec->name }}</option>
                @endforeach
              </select>
              @error('product_code')
              <span class="error">{{ $message }}</span>
              @enderror
            </div>

            <div class="col-lg-3 col-6 mb-3">
              <label>Seasons <small class="red">* </small></label>
              @if(isset($record->seasons))
              @php $season_ids = $record->seasons->pluck('id')->toArray(); @endphp
              @else
              @php $season_ids = []; @endphp
              @endif
              <select class="form-control" name="season_ids[]" id="season_ids" multiple>
                <option value="">-- Select --</option>
                @foreach($seasons as $season)
                <option value="{{ $season->id }}" {!! in_array( $season->id,$season_ids) ? 'selected' : '' !!}>{{ $season->name }}</option>
                @endforeach
              </select>
              @error('season_ids')
              <span class="error">{{ $message }}</span>
              @enderror
            </div>

            <div class="col-lg-3 col-6 mb-3">
              <label>Order Date <small class="red">* </small></label>
              @if(old('po_date'))
              @php $po_date = old('po_date'); @endphp
              @elseif(isset($record->po_date) && $record->po_date != '')
              @php $po_date = date('Y-m-d',strtotime($record->po_date)); @endphp
              @else
              @php $po_date = date('Y-m-d'); @endphp
              @endif
              <input type="date" id="po_date" name="po_date" value="{{ $po_date }}" class="form-control @error('po_date') is-invalid @enderror" {{$readonly}}>
              @error('po_date')
              <span class="error">{{ $message }}</span>
              @enderror
            </div>

            <div class="col-lg-3 col-6 mb-3">
              <label>Required Date <small class="red">* </small></label>
              @if(old('required_date'))
              @php $required_date = old('required_date'); @endphp
              @elseif(isset($record->required_date) && $record->required_date != '')
              @php $required_date = date('Y-m-d',strtotime($record->required_date)); @endphp
              @else
              @php $required_date = date('Y-m-d'); @endphp
              @endif
              <input type="date" id="required_date" name="required_date" value="{{ $required_date }}" class="form-control @error('required_date') is-invalid @enderror" {{$readonly}}>
              @error('required_date')
              <span class="error">{{ $message }}</span>
              @enderror
            </div>

            <div class="col-lg-3 col-6 mb-3">
              <label>Cancel Date <small class="red">* </small></label>
              @if(old('required_date'))
              @php $required_date = old('required_date'); @endphp
              @elseif(isset($record->required_date) && $record->required_date != '')
              @php $required_date = date('Y-m-d',strtotime($record->required_date)); @endphp
              @else
              @php $required_date = date('Y-m-d'); @endphp
              @endif
              <input type="date" id="required_date" name="required_date" value="{{ $required_date }}" class="form-control @error('required_date') is-invalid @enderror" {{$readonly}}>
              @error('required_date')
              <span class="error">{{ $message }}</span>
              @enderror
            </div>

            <div class="col-lg-3 col-6 mb-3">
              <label>Confirm With <small class="red">* </small></label>
              @if(old('vendor_contact_id'))
              @php $vendor_contact_id = old('vendor_contact_id'); @endphp
              @elseif(isset($record->vendor_contact_id) && $record->vendor_contact_id != '')
              @php $vendor_contact_id = $record->vendor_contact_id; @endphp
              @else
              @php $vendor_contact_id = 0; @endphp
              @endif
              <select class="form-control" name="vendor_contact_id" id="vendor_contact_id">
                <option value=0>-- Select --</option>

              </select>
              @error('vendor_contact_id')
              <span class="error">{{ $message }}</span>
              @enderror
            </div>


            <div class="col-lg-3 col-6 mb-3">
              <label>Ship Via <small class="red">* </small></label>
              @if(old('shipping_method_id'))
              @php $shipping_method_id = old('shipping_method_id'); @endphp
              @elseif(isset($record->shipping_method_id) && $record->shipping_method_id != '')
              @php $shipping_method_id = $record->shipping_method_id; @endphp
              @else
              @php $shipping_method_id = 0; @endphp
              @endif
              <select class="form-control" name="shipping_method_id" id="shipping_method_id">
                <option value="">-- Select --</option>
                @foreach($shippingMethods as $shippingMethod)
                <option value="{{ $shippingMethod->id }}" {!! ($shipping_method_id==$shippingMethod->id ) ? 'selected' : '' !!}>{{ $shippingMethod->carrier.'-'.$shippingMethod->service }}</option>
                @endforeach
              </select>
              @error('shipping_method_id')
              <span class="error">{{ $message }}</span>
              @enderror
            </div>

            <div class="col-lg-3 col-6 mb-3">
              <label>Payment Term <small class="red">* </small></label>
              @if(old('payment_term_id'))
              @php $payment_term_id = old('payment_term_id'); @endphp
              @elseif(isset($record->payment_term_id) && $record->payment_term_id != '')
              @php $payment_term_id = $record->payment_term_id; @endphp
              @else
              @php $payment_term_id = 0; @endphp
              @endif
              <select class="form-control" name="payment_term_id" id="payment_term_id">
                <option value="">-- Select --</option>
                @foreach($paymentTerms as $paymentTerm)
                <option value="{{ $paymentTerm->id }}" {!! ($payment_term_id==$paymentTerm->id ) ? 'selected' : '' !!}>{{ $paymentTerm->term }}</option>
                @endforeach
              </select>
              @error('payment_term_id')
              <span class="error">{{ $message }}</span>
              @enderror
            </div>

            <div class="col-lg-3 col-6 mb-3">
              <label>Description </label>
              @if(old('description'))
              @php $description = old('description'); @endphp
              @elseif(isset($record->description) && $record->description != '')
              @php $description = $record->description; @endphp
              @else
              @php $description = ''; @endphp
              @endif
              <textarea id="description" name="description" class="form-control @error('description') is-invalid @enderror" {{$readonly}}>{!! $description !!}</textarea>
              @error('description')
              <span class="error">{{ $message }}</span>
              @enderror
            </div>

            <!-- new-card -->
            <div class="fix-button-main">
              <div class="save-fix">
                <div class="float-start d-inline-flex">
                  <table class="table table-borderless mb-0">
                    <tr>
                      <td class="border-end px-3">
                        <p class="mt-2 d-inline">Subtotal: </p>  &nbsp;
                        <h2 class="d-inline">$<span id="footer-subtotal">0</span></h2>

                      </td>
                      <td class="border-end px-3">
                        <p class="mt-2 d-inline">Freight: </p> &nbsp;
                        <h2 class="d-inline">$<span id="footer-freight">0</span></h2>
                      </td>
                      <td class="px-3">
                        <p class="mt-2 d-inline">Total: </p>  &nbsp;
                        <h2 class="d-inline">$<span id="footer-total">0</span></h2>

                      </td>
                    </tr>
                  </table>
                </div>
                <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('purchase-orders.index') }}"> {!! ($action!='View') ? 'Cancel' : 'Back' !!}</a>
                </div>
              </div>
            </div>
          </div>

        </div>

        <div id="itemInfo" class="mb-5">
          @if(isset($record->products))
          @include('purchase-order.item-info',['po_number'=>$record->po_number,'products'=>$products])
          @endif
        </div>
        <br />
        <br />
      </form>
  </div>
</div>
@endsection
@push('scripts')
<script>
  $(document).ready(function() {

    $('.product-size').each(function(i, e) {
      updateAmount(this);
    });

        $('#fileInput').on('change', function(event) {
      var file = event.target.files[0];
      if (file) {
        var reader = new FileReader();
        reader.onload = function(e) {
          $('#imageContainer').html('<img src="' + e.target.result + '" alt="Selected Image">');
        }
        reader.readAsDataURL(file);
      }
    });

    $('#vendor_id').select2();
    $('#season_ids').select2();

    $(document).on('change', '#vendor_id', function() {
      vendor_id = $('#vendor_id').val();
      $.ajax({
        type: "GET",
        url: "{{ route('purchase-orders.getItemInfo') }}",
        data: {
          vendor_id: vendor_id
        },
        success: function(response) {
          $('#itemInfo').html(response);
          $('#product_id').select2();
        }
      });
    });

    $(document).on('change', '#product_id', function() {
      product_id = $('#product_id').val();
      $.ajax({
        type: "GET",
        url: "{{ route('purchase-orders.getItems') }}",
        data: {
          product_id: product_id
        },
        success: function(response) {
          $('#itemList').append(response);
          // $('#product_id').select2();
          // $("#product_id option:contains('" + product_id + "')").attr("disabled","disabled");
          $('#product_id option[value="' + product_id + '"]').attr("disabled", true);

        }
      });
    });

    $(document).on('change', '.product-size', function() {
      updateAmount(this);
    });

    function updateAmount(that) {
      color_id = $(that).attr('color-id');
      product_id = $(that).attr('product-id');
      qty = 0;
      $('.size' + product_id + color_id).each(function(index, element) {
        if (element.value != '') {
          qty = qty + parseInt(element.value);
        }
      });

      $('.qty' + product_id + color_id).val(qty);
      unit_price = parseInt($('.unit_price' + product_id + color_id).val());
      total_unit_price = qty * unit_price;
      freight = parseInt($('.freight' + product_id + color_id).val());
      total_freight = qty * freight;
      line_total = total_unit_price + total_freight;
      $('.line_total' + product_id + color_id).html(line_total);
      $('.total_price' + product_id + color_id).val(total_unit_price);
      $('.total_freight' + product_id + color_id).val(total_freight);

      footerSubTotal = 0;
      footerFreight = 0;
      footerTotal = 0;
      $('.total_price').each(function(index, element) {
        if (element.value != '') {
          footerSubTotal = footerSubTotal + parseInt(element.value);
        }
      });

      $('.total_freight').each(function(index, element) {
        if (element.value != '') {
          footerFreight = footerFreight + parseInt(element.value);
        }
      });

      $('.line_total').each(function(index, element) {
        if (element.innerHTML != '') {
          footerTotal = footerTotal + parseInt(element.innerHTML);
        }
      });

      $('#footer-subtotal').html(footerSubTotal);
      $('#footer-freight').html(footerFreight);
      $('#footer-total').html(footerTotal);
    }
  });
</script>
@endpush