@extends('layouts.master')
@section('title')
@lang('translation.orders')
@endsection
@section('css')
<link href="{{ URL::asset('build/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
@endsection
@section('content')

@if (session('success'))
    <div class="alert alert-success alert-solid" role="alert" id="success-alert">
        <strong>{{ session('success') }} </strong>
    </div>
@endif

@if (session('error'))
    <div class="alert alert-danger alert-solid" role="alert" id="danger-alert">
        <strong>{{ session('error') }} </strong>
    </div>
@endif

<div class="row">
    <div class="col-lg-12">
        <div class="card" id="orderList">
            <div class="card-header border-0">
                <div class="row align-items-center gy-3">
                    <div class="col-sm">
                        <h5 class="card-title mb-0">All Sales Order</h5>
                    </div>
                    <!-- <div class="col-sm-auto">
                        <div class="d-flex gap-1 flex-wrap">
                            <button type="button" class="btn btn-primary btn-label rounded-pill" onclick="location.href='/orders/create';" id="create-btn"><i class="ri-add-circle-line label-icon align-middle rounded-pill fs-16 me-2"></i> Create Order</button>
                            <button class="btn btn-soft-danger" id="remove-actions" onClick="deleteMultiple()"><i class="ri-delete-bin-2-line"></i></button>
                        </div>
                    </div> -->
                </div>
            </div>
            <div class="card-body border border-dashed border-end-0 border-start-0">
                <form action="{{route('orders.index')}}" id="search-so-form" method="GET">
                    @csrf
                    <div class="row g-3">
                        <div class="col-xxl-3 col-sm-2">
                            <div class="search-box">
                                <input type="text" class="form-control search border-light" placeholder="Search order no, customer..." name="query" id="search" value="{{ $query }}" autofocus>
                                <i class="ri-search-line search-icon"></i>
                            </div>
                        </div>
                        <div class="col-xxl-3 col-sm-2">
                            <div class="search-box">
                                <input type="text" class="form-control search border-light" placeholder="Enter Staff ID" name="salesman_id" id="salesman_id" value="{{ $salesman_id }}">
                                <i class="ri-search-line search-icon"></i>
                            </div>
                        </div>
                        <div class="col-xxl-3 col-sm-4" style="display:none">>
                          <input type="text" class="form-control border-light" data-provider="flatpickr" data-date-format="Y-m-d" data-range-date="true" id="demo-datepicker" name="date-range" placeholder="Select date range">
                        </div>
                        <div class="col-xxl-2 col-sm-2">
                            <div class="input-light">
                                <select class="form-select border-light" name="paymentStatus" id="paymentStatus">
                                    <option value="all" {{ request('paymentStatus') == 'all' ? 'selected' : '' }}>All</option>
                                    <option value="1" {{ request('paymentStatus') == '1' ? 'selected' : '' }}>Full Paid</option>
                                    <option value="2" {{ request('paymentStatus') == '2' ? 'selected' : '' }}>Partially</option>
                                    <option value="3" {{ request('paymentStatus') == '3' ? 'selected' : '' }}>Unpaid</option>
                                    {{-- <option value="9" {{ request('paymentStatus') == '9' ? 'selected' : '' }}>Request Price</option> --}}
                                    <option value="4" {{ request('paymentStatus') == '4' ? 'selected' : '' }}>Draft</option>
                                    <option value="5" {{ request('paymentStatus') == '5' ? 'selected' : '' }}>Request Price</option>
                                    <option value="13" {{ request('paymentStatus') == '13' ? 'selected' : '' }}>Cancelled</option>
                                    <option value="6" {{ request('paymentStatus') == '6' ? 'selected' : '' }}>Rejected</option>
                                    <option value="9" {{ request('paymentStatus') == '9' ? 'selected' : '' }}>Expired</option>
                      
                                </select>
                            </div>
                        </div>
                        <div class="col-xxl-2 col-sm-4" style="display:none">
                            <div class="input-light">
                                <select class="form-select border-light" data-choices data-choices-search-false name="choices-single-default" id="idPayment">
                                    <option value="">Select Payment</option>
                                    <option value="all" selected>All</option>
                                    <option value="Mastercard">Mastercard</option>
                                    <option value="Paypal">Paypal</option>
                                    <option value="Visa">Visa</option>
                                    <option value="COD">COD</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <br>
                    <div class="row g-3">
                        <div class="col-xxl-3 col-sm-2">
                            <div class="search-box">
                                <input type="date" class="form-control"