@extends('layouts.master')
@section('title')
@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

<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 Cash 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('cashsales.index')}}">
                    <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 bg-light 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="order_status" id="order_status">
                                    <option value="all" {{ request('status') == 'all' ? 'selected' : '' }}>All</option>
                                    <option value="1" {{ request('status') == '1' ? 'selected' : '' }}>Completed</option>
                                    <option hidden value="2" {{ request('status') == '2' ? 'selected' : '' }}>Partially</option>
                                    <option hidden value="3" {{ request('status') == '3' ? 'selected' : '' }}>Unpaid</option>
                                    <option value="4" {{ request('status') == '4' ? 'selected' : '' }}>Draft</option>
                                    <option value="5" {{ request('paymentStatus') == '5' ? 'selected' : '' }}>Request Price</option>
                                    <option value="6" {{ request('paymentStatus') == '6' ? 'selected' : '' }}>Rejected</option>
                                    <option value="7" {{ request('paymentStatus') == '7' ? 'selected' : '' }}>Refund</option>
                                    <option value="9" {{ request('status') == '9' ? 'selected' : '' }}>Expired</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"