@extends('backEnd.layouts.master')
@section('title', $order_status->name . ' Order')
@section('content')
  <div class="container-fluid">

    <!-- start page title -->
    <div class="row">
      <div class="col-12 ">
        <div class="page-title-box">
          <div class="page-title-right">
            <a href="{{route('admin.order.create')}}" class="btn btn-danger rounded-pill"><i class="fe-shopping-cart"></i>
              Add New</a>
          </div>
          <div class="d-flex align-items-center gap-2">
            <h4 class="page-title">{{$order_status->name}} Order ({{$order_status->orders_count}})</h4>
            <a href="javascript:void(0)" class="tavaasOrders btn-success" style="background-color: {{ session()->has('tavaas') ? '#0D1431' : 'white' }}; color: {{ session()->has('tavaas') ? 'white' : '#0D1431' }}; border: 1px solid #0D1431; padding: 5px 20px; border-radius: 5px;">
              Tavaas orders
            </a>
          </div>
        </div>
      </div>
    </div>
    <!-- end page title -->
    <div class="row order_page">
      <div class="col-12">
        <div class="card">
          <div class="card-body">
            <div class="row">
              <div class="col-sm-8">
                <ul class="action2-btn">
                  <li><a data-bs-toggle="modal" data-bs-target="#asignUser" class="btn rounded-pill btn-success"><i
                        class="fe-plus"></i> Assign User</a></li>
                  <li><a data-bs-toggle="modal" data-bs-target="#changeStatus" class="btn rounded-pill btn-primary"><i
                        class="fe-plus"></i> Change Status</a></li>
                  <li><a href="{{route('admin.order.bulk_destroy')}}" class="btn rounded-pill btn-danger order_delete"><i
                        class="fe-plus"></i> Delete All</a></li>
                  <li><a href="{{route('admin.order.order_print')}}"
                      class="btn rounded-pill btn-info multi_order_print"><i class="fe-printer"></i> Print</a></li>
                  @if($steadfast)
                    <li><a href="{{route('admin.bulk_courier', 'steadfast')}}"
                        class="btn rounded-pill btn-warning multi_order_courier"><i class="fe-truck"></i> Courier</a></li>
                  @endif
                  <li><a data-bs-toggle="modal" data-bs-target="#pathao" class="btn rounded-pill btn-info"><i
                        class="fe-truck"></i> pathao</a></li>
                </ul>
              </div>
              <div class="col-sm-4">
                <form class="custom_form">
                  <div class="form-group">
                    <input type="text" name="keyword" placeholder="Search">
                    <button class="btn  rounded-pill btn-info">Search</button>
                  </div>
                </form>
              </div>
            </div>
            <div class="table-responsive ">
              <table id="datatable-buttons" class="table table-striped   w-100">
                <thead>
                  <tr>
                    <th style="width:2%">
                      <div class="form-check"><label class="form-check-label"><input type="checkbox"
                            class="form-check-input checkall" value=""></label>
                    <th style="width:2%">SL</th>
            </div>
            </th>
            <th style="width:8%">Action</th>
            <th style="width:8%">Invoice</th>
            <th style="width:10%">Date</th>
            <th style="width:10%">Name</th>
            <th style="width:10%">Phone</th>
            <th style="width:10%">Assign</th>
            <th style="width:10%">Amount</th>
            <th style="width:10%">Status</th>
            </tr>
            </thead>


            <tbody>
              @foreach($show_data as $key => $value)
                <tr>
                  <td><input type="checkbox" class="checkbox" value="{{$value->id}}"></td>
                  <td>{{$loop->iteration}}</td>
                  <td>
                    <div class="button-list custom-btn-list">
                      <a href="{{route('admin.order.invoice', ['invoice_id' => $value->invoice_id])}}" title="Invoice"><i
                          class="fe-eye"></i></a>
                      <a href="{{route('admin.order.process', ['invoice_id' => $value->invoice_id])}}" title="Process"><i
                          class="fe-settings"></i></a>
                      <a href="{{route('admin.order.edit', ['invoice_id' => $value->invoice_id])}}" title="Edit"><i
                          class="fe-edit"></i></a>
                      <form method="post" action="{{route('admin.order.destroy')}}" class="d-inline">
                        @csrf
                        <input type="hidden" value="{{$value->id}}" name="id">
                        <button type="submit" title="Delete" class="delete-confirm"><i class="fe-trash-2"></i></button>
                      </form>
                    </div>
                  </td>
                  <td>{{$value->invoice_id}}</td>
                  <td>{{date('d-m-Y', strtotime($value->updated_at))}}<br>
                    {{date('h:i:s a', strtotime($value->updated_at))}}</td>
                  <td><strong>{{$value->shipping ? $value->shipping->name : ''}}</strong>
                    <p>{{$value->shipping ? $value->shipping->address : ''}}</p>
                  </td>
                  <td>{{$value->shipping ? $value->shipping->phone : ''}}</td>
                  <td>{{$value->user ? $value->user->name : ''}}</td>
                  <td>৳{{$value->amount}}</td>
                  <td>{{$value->status ? $value->status->name : ''}}</td>

                </tr>
              @endforeach
            </tbody>
            </table>
          </div>
          <div class="custom-paginate">
            {{$show_data->links('pagination::bootstrap-4')}}
          </div>
        </div> <!-- end card body-->

      </div> <!-- end card -->
    </div><!-- end col-->
  </div>
  </div>
  <!-- Assign User End -->
  <div class="modal fade" id="asignUser" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Assign User</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <form action="{{route('admin.order.assign')}}" id="order_assign">
          <div class="modal-body">
            <div class="form-group">
              <select name="user_id" id="user_id" class="form-control">
                <option value="">Select..</option>
                @foreach($users as $key => $value)
                  <option value="{{$value->id}}">{{$value->name}}</option>
                @endforeach
              </select>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            <button type="submit" class="btn btn-success">Submit</button>
          </div>
        </form>
      </div>
    </div>
  </div>
  <!-- Assign User End-->

  <!-- Assign User End -->
  <div class="modal fade" id="changeStatus" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Assign User</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <form action="{{route('admin.order.status')}}" id="order_status_form">
          <div class="modal-body">
            <div class="form-group">
              <select name="order_status" id="order_status" class="form-control">
                <option value="">Select..</option>
                @foreach($orderstatus as $key => $value)
                  <option value="{{$value->id}}">{{$value->name}}</option>
                @endforeach
              </select>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            <button type="submit" class="btn btn-success">Submit</button>
          </div>
        </form>
      </div>
    </div>
  </div>

  <!-- Assign User End-->
  <!-- pathao coureir start -->
  <div class="modal fade" id="pathao" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Pathao Courier</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <form action="{{route('admin.order.pathao')}}" id="order_sendto_pathao">

          <div class="modal-body">
            <div class="form-group">
              <label for="pathaostore" class="form-label">Store</label>
              <select name="pathaostore" id="pathaostore" class="pathaostore form-control">
                <option value="">Select Store...</option>
                @if(isset($pathaostore['data']['data']))
                  @foreach($pathaostore['data']['data'] as $key => $store)
                    <option value="{{$store['store_id']}}">{{$store['store_name']}}</option>
                  @endforeach
                @else
                @endif
              </select>
              @if ($errors->has('pathaostore'))
                <span class="invalid-feedback" role="alert">
                  <strong>{{ $errors->first('pathaostore') }}</strong>
                </span>
              @endif
            </div>
            <!-- form group end -->
            <div class="form-group mt-3">
              <label for="pathaocity" class="form-label">City</label>
              <select name="pathaocity" id="pathaocity" class="chosen-select pathaocity form-control" style="width:100%">
                <option value="">Select City...</option>
                @if(isset($pathaocities['data']['data']))
                  @foreach($pathaocities['data']['data'] as $key => $city)
                    <option value="{{$city['city_id']}}">{{$city['city_name']}}</option>
                  @endforeach
                @else
                @endif
              </select>
              @if ($errors->has('pathaocity'))
                <span class="invalid-feedback" role="alert">
                  <strong>{{ $errors->first('pathaocity') }}</strong>
                </span>
              @endif
            </div>
            <!-- form group end -->
            <div class="form-group mt-3">
              <label for="" class="form-label">Zone</label>
              <select name="pathaozone" id="pathaozone"
                class="pathaozone chosen-select form-control  {{ $errors->has('pathaozone') ? ' is-invalid' : '' }}"
                value="{{ old('pathaozone') }}" style="width:100%">
              </select>
              @if ($errors->has('pathaozone'))
                <span class="invalid-feedback" role="alert">
                  <strong>{{ $errors->first('pathaozone') }}</strong>
                </span>
              @endif
            </div>
            <!-- form group end -->
            <div class="form-group mt-3">
              <label for="" class="form-label">Area</label>
              <select name="pathaoarea" id="pathaoarea"
                class="pathaoarea chosen-select form-control  {{ $errors->has('pathaoarea') ? ' is-invalid' : '' }}"
                value="{{ old('pathaoarea') }}" style="width:100%">
              </select>
              @if ($errors->has('pathaoarea'))
                <span class="invalid-feedback" role="alert">
                  <strong>{{ $errors->first('pathaoarea') }}</strong>
                </span>
              @endif
            </div>
            <!-- form group end -->
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            <button type="submit" class="btn btn-success">Submit</button>
          </div>
        </form>
      </div>
    </div>
  </div>
  <!-- pathao courier  End-->
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script>
    $(document).ready(function () {
      $(".checkall").on('change', function () {
        $(".checkbox").prop('checked', $(this).is(":checked"));
      });

      // order assign
      $(document).on('submit', 'form#order_assign', function (e) {
        e.preventDefault();
        var url = $(this).attr('action');
        var method = $(this).attr('method');
        let user_id = $(document).find('select#user_id').val();

        var order = $('input.checkbox:checked').map(function () {
          return $(this).val();
        });
        var order_ids = order.get();

        if (order_ids.length == 0) {
          toastr.error('Please Select An Order First !');
          return;
        }

        $.ajax({
          type: 'GET',
          url: url,
          data: { user_id, order_ids },
          success: function (res) {
            if (res.status == 'success') {
              toastr.success(res.message);
              window.location.reload();

            } else {
              toastr.error('Failed something wrong');
            }
          }
        });

      });

      // order status change 
      $(document).on('submit', 'form#order_status_form', function (e) {
        e.preventDefault();
        var url = $(this).attr('action');
        var method = $(this).attr('method');
        let order_status = $(document).find('select#order_status').val();

        var order = $('input.checkbox:checked').map(function () {
          return $(this).val();
        });
        var order_ids = order.get();

        if (order_ids.length == 0) {
          toastr.error('Please Select An Order First !');
          return;
        }

        $.ajax({
          type: 'GET',
          url: url,
          data: { order_status, order_ids },
          success: function (res) {
            if (res.status == 'success') {
              toastr.success(res.message);
              window.location.reload();

            } else {
              toastr.error('Failed something wrong');
            }
          }
        });

      });
      // order delete
      $(document).on('click', '.order_delete', function (e) {
        e.preventDefault();
        var url = $(this).attr('href');
        var order = $('input.checkbox:checked').map(function () {
          return $(this).val();
        });
        var order_ids = order.get();

        if (order_ids.length == 0) {
          toastr.error('Please Select An Order First !');
          return;
        }

        $.ajax({
          type: 'GET',
          url: url,
          data: { order_ids },
          success: function (res) {
            if (res.status == 'success') {
              toastr.success(res.message);
              window.location.reload();

            } else {
              toastr.error('Failed something wrong');
            }
          }
        });

      });

      // multiple print
      $(document).on('click', '.multi_order_print', function (e) {
        e.preventDefault();
        var url = $(this).attr('href');
        var order = $('input.checkbox:checked').map(function () {
          return $(this).val();
        });
        var order_ids = order.get();

        if (order_ids.length == 0) {
          toastr.error('Please Select Atleast One Order!');
          return;
        }
        $.ajax({
          type: 'GET',
          url,
          data: { order_ids },
          success: function (res) {
            if (res.status == 'success') {
              console.log(res.items, res.info);
              var myWindow = window.open("", "_blank");
              myWindow.document.write(res.view);
            } else {
              toastr.error('Failed something wrong');
            }
          }
        });
      });
      // multiple courier
      $(document).on('click', '.multi_order_courier', function (e) {
        e.preventDefault();
        var url = $(this).attr('href');
        var order = $('input.checkbox:checked').map(function () {
          return $(this).val();
        });
        var order_ids = order.get();

        if (order_ids.length == 0) {
          toastr.error('Please Select An Order First !');
          return;
        }

        $.ajax({
          type: 'GET',
          url: url,
          data: { order_ids },
          success: function (res) {
            if (res.status == 'success') {
              toastr.success(res.message);
              window.location.reload();

            } else {
              toastr.error('Failed something wrong');
            }
          }
        });

      });

      // tavaas orders

      $(document).on('click', '.tavaasOrders', function (e) {
        window.location.href = "{{ route('tavaas.orders.toggle') }}";
      });
    })
  </script>
@endsection