@extends('layouts.master')

@section('page_title', 'Next Call Status Details')
@section('title', 'Next Call Status Details')
@section('main_item', 'Oder')
@section('sub_item', 'Call Status Details')
@php
function randomPastelColor() {
    // Pastel colors have high lightness and medium saturation
    $h = rand(0, 360);
    $s = rand(60, 80);  // saturation %
    $l = rand(70, 90);  // lightness %
    
    // Convert HSL to HEX (helper function below)
    return hslToHex($h, $s, $l);
}

function hslToHex($h, $s, $l) {
    $s /= 100;
    $l /= 100;

    $c = (1 - abs(2 * $l - 1)) * $s;
    $x = $c * (1 - abs(fmod($h / 60, 2) - 1));
    $m = $l - $c/2;
    if ($h < 60)      { $r = $c; $g = $x; $b = 0; }
    else if ($h < 120){ $r = $x; $g = $c; $b = 0; }
    else if ($h < 180){ $r = 0; $g = $c; $b = $x; }
    else if ($h < 240){ $r = 0; $g = $x; $b = $c; }
    else if ($h < 300){ $r = $x; $g = 0; $b = $c; }
    else              { $r = $c; $g = 0; $b = $x; }

    $r = round(($r + $m) * 255);
    $g = round(($g + $m) * 255);
    $b = round(($b + $m) * 255);

    return sprintf("#%02x%02x%02x", $r, $g, $b);
}
    $colorIndex = 0;
    $saleColors = [];
    $seenKeys = [];

    // Count how many times each sale+customer key appears
    $counts = [];
    foreach ($sales as $sale) {
        if ($sale->status === 'pending' && $sale->duplicate_status == 'pending') {
            $key = $sale->contact_id . '-' . $sale->product_id;
            $counts[$key] = ($counts[$key] ?? 0) + 1;
        }
    }
@endphp
@section('content')
    <style>
        div.dt-buttons {
            position: relative;
            float: right;
        }

        div.dataTables_filter {
            margin-top: 7px
        }
    </style>



    <div class="col-md-12" style="padding-bottom: 20px;padding-right: 30px;">
        <form action="{{ route('next_notifications.index') }}" method="get" id="filter_form">
           
    </div>
    <div class="col-12">
        <div class="card">


            <div id="accordion">

                <div class="border-bottom card-header" style="background-color: white; cursor: pointer;" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                    <h4 class="mb-0 header-title">
                        Filter
                    </h4>
                </div>


            <div id="collapseOne" class="collapse show mt-3" aria-labelledby="headingOne" data-parent="#accordion">

            <div class="card-body">

                <div class="row">
                    <input type="hidden" id="status" name="status">
                    <div class="col-md-3" @if ($settings->business_location != '1') style="display: none" @endif>
                        <div class="form-group">
                            <label class="required" style="font-weight: bold" for="activate_code">business
                                Location</label>
                            <select class="form-control form-select-lg mb-3" id="business_location_id" name="business_location_id">
                                <option value="">All</option>
                                @if (Auth::user()->role_id == '1')
                                    @foreach ($users_access_location as $business_location)
                                        @if ($business_location->is_active == '1')
                                            <option value="{{ $business_location->id }}"
                                                @if (request('business_location_id') == $business_location->id) selected @endif>
                                                {{ $business_location->name }}
                                            </option>
                                        @else
                                        @endif
                                    @endforeach
                                @else
                                    @foreach ($users_access_location as $business_location)
                                        @if ($business_location->is_active == '1')
                                            <option value="{{ $business_location->business_location_id }}"
                                                @if (request('business_location_id') == $business_location->business_location_id) selected @endif>
                                                {{ $business_location->name }}
                                            </option>
                                        @else
                                        @endif
                                    @endforeach
                                @endif
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label style="font-weight: bold" for="supplier">Customer Name</label>
                            <input id="customer_name" name="customer_name" type="text" class="form-control"
                                placeholder="Search for Customer Name..." aria-label="Search for Customer Name..."
                                value="{{ request('customer_name') }}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label style="font-weight: bold" for="supplier">Customer Mobile Number</label>
                            <input id="mobile" name="mobile" type="number" class="form-control"
                                placeholder="Search for Customer Mobile Number..."
                                aria-label="Search for Customer Mobile Number..." value="{{ request('mobile') }}">
                        </div>
                    </div>
                   <div class="col-md-3">
                        <div class="form-group">
                            <label for="reportrange" style="font-weight: bold"> Date </label>
                            <div class="input-group">
                               
                                <input type="text" class="form-control" name="dates" id="date"
                                    value="{{ request('dates') }}"
                                    readonly>
                         
                                <div class="input-group-append">
                                    <span class="input-group-text"><i class="dripicons-calendar"></i></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label" style="font-weight: bold">Sort As</label>
                        <select class="form-control select2" name="sort">
                            <option value="">All</option>
                            <option value="desc" @if (request('sort') == 'desc') selected @endif>Descending</option>
                            <option value="asc" @if (request('sort') == 'asc') selected @endif>Ascending</option>
                        </select>
                    </div>
                    <div class="col-md-3" @if ($settings->order_batch_enable != '1') style="display: none" @endif>
                        <div class="form-group">
                            <label class="required" style="font-weight: bold" for="activate_code">Campaign Name</label>
                            <select class="form-control select2" id="order_batch" name="order_batch">
                                <option value="">All</option>
                                @foreach ($order_batch_ids as $order_batch_id)
                                    <option value="{{ $order_batch_id->id }}"
                                        @if (request('order_batch') == $order_batch_id->id) selected @endif>{{ $order_batch_id->batch_name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label style="font-weight: bold" for="ref_no">Order ID</label>
                            <input id="ref_no" name="ref_no" type="text" class="form-control"
                                placeholder="Search for..." aria-label="Search for..." value="{{ request('ref_no') }}">
                        </div>
                    </div>
                    <div class="col-md-3" @if ($settings->product_filter_enable != '1') style="display: none" @endif>
                        <div class="form-group">
                            <label style="font-weight: bold" for="p_name">Product Name</label>
                            <select class="form-control select2" id="p_name" name="p_name">
                                <option value="">All</option>
                                @foreach ($products as $product)
                                    <option value="{{ $product->id }}"
                                        @if (request('p_name') == $product->id) selected @endif>{{ $product->product_name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div>
                    <button type="submit" class="btn btn-primary px-5 py-2" id="btn-search"
                        data-type="table">Filter</button>
                    <a href="{{ route('reports.new_callindex') }}" class="btn btn-danger px-5 py-2">Reset</a>
                </div>

                <input type="hidden" name="data_type" id="data_type" value="{{ request('data_type') }}">
                </form>
            </div>
        </div>
    </div>
        </div>
    </div>

    <div class="col-md-12 mt-2" style="width: 1180px;">
        <div class="card">
            <div class="card-body">
                  {{-- <div>
                    <a href="{{ route('reports.new_callindex', request()->query()) }}"
                        class="btn btn-primary float-right px-5 mb-3 submit-filters" 
                        data-type="excel">
                        Download Excel
                     </a>
                </div> --}}
                <div class="table-responsive dash-social">
                    <table id="laravel_datatable" class="table table-hover" style="width: 100%">
                        <thead class="thead-dark">
                            <tr>
                                <th>Action</th>
                                <th>Call Status</th>
                                <th>Order ID</th>
                                <th>Waybill No</th>
                                <th>Resources</th>
                                <th @if ($settings->customer_profile_enable != '1') style="display: none" @endif>Oders Count</th>
                                <th>Business Location</th>
                                <th>Customer</th>
                                <th>Mobile No</th>
                                <th>Land Mark</th>
                                <th>Invoice Total</th>
                                <th>Product Name</th>
                                <th>Product Sku</th>
                                <th>Last Status</th>
                                <th>Remark</th>
                                <th>Previous Call Date</th>
                                <th>Call Attempt</th>
                                <th>Sale Date</th>
                                <th>Updated</th>
                                <th @if ($settings->order_batch_enable != '1') style="display: none" @endif>Campaign Batch ID</th>
                            </tr>
                            <!--end tr-->
                        </thead>

                        <tbody>
                            @foreach ($sales as $sale)
                                @php
        $key = $sale->contact_id . '-' . $sale->product_id;
          $isDuplicate = false;                   
        $rowColor = null;
        if ($sale->status === 'pending' && ($counts[$key] ?? 0) > 1) {
            if (!isset($saleColors[$key])) {
                $saleColors[$key] = randomPastelColor();
            }
            $rowColor = $saleColors[$key];
            $isDuplicate = true;
        }
    @endphp

    <tr @if($rowColor) style="background-color: {{ $rowColor }};" @endif>
                                    <td>
                                        @php
                                        @endphp
                                        <div class="dropdown">
                                            @if ($sale->call_status == 'cancel')
                                                <button class="btn btn-info dropdown-toggle" type="button"
                                                    id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true"
                                                    aria-expanded="false" disabled>Action
                                                @else
                                                    <button class="btn btn-secondary dropdown-toggle" type="button"
                                                        id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true"
                                                        aria-expanded="false">Action
                                            @endif
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                @php
                                                    $user = Auth::user();
                                                @endphp

                                                @if($settings->multi_tab == 1)
                                                <a href="{{ url('orders/' . $sale->id . '/edit') }}" target="_blank"
                                                    class="dropdown-item" data-toggle="tooltip" data-placement="top"
                                                    title="Edit Order"><i class="fas fa-edit text-success font-16"></i>
                                                    Edit</a>
                                                @else
                                                <a href="{{ url('orders/' . $sale->id . '/edit') }}"
                                                    class="dropdown-item" data-toggle="tooltip" data-placement="top"
                                                    title="Edit Order"><i class="fas fa-edit text-success font-16"></i>
                                                    Edit</a>
                                                @endif
                                            @if ($isDuplicate)
                                                   
                                                        <a href="javascript:void(0);" class="dropdown-item btn-duplicate-update" data-id="{{ $sale->id }}" data-status="confirmed">
    <i class="fas fa-check text-success font-16"></i> Duplicate Confirm
</a>
<a href="javascript:void(0);" class="dropdown-item btn-duplicate-update" data-id="{{ $sale->id }}" data-status="rejected">
    <i class="fas fa-clone text-danger font-16"></i> Duplicate Reject
</a>
                                                    
                                                @endif
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        @php
                                            // $city = City::where('id', $sale->customer->city)->first();
                                        @endphp
                                        @if ($sale->call_status == 'pending')
                                            <span class="badge badge-warning">Pending</span>
                                        @elseif ($sale->call_status == 'confirm')
                                            <span class="badge badge-success">Confirm</span>
                                        @elseif ($sale->call_status == 'not_confirm')
                                            <span class="badge badge-secondary">Not Confirm</span>
                                        @elseif ($sale->call_status == 'cancel')
                                            <span class="badge badge-danger">Cancel Order</span>
                                        @elseif ($sale->call_status == 'hold_oders')
                                            <span class="badge badge-primary" style="background: #0DFF5D;">Hold
                                                Order</span>
                                        @else
                                            <span class="badge badge-info">Not Available</span>
                                        @endif
                                        @if ($sale->call_status != 'cancel')
                                            {{-- // if ($city->name_en != 'Other')  --}}
                                            <a href="javascript:void(0)" id="add"
                                                data-href="{{ url('call-status/' . $sale->id . '/add') }}"
                                                class="dropdown-item"><i class="fa fa-edit text-success font-16"></i></a>
                                        @endif
                                        @if ($sale->call_status == 'duplicate')
                                            <span class="badge badge-danger">Duplicate</span>
                                            {{-- // } --}}
                                        @endif
                                    </td>
                                    <td>
                                        @if (!empty($sale->invoice_no))
                                            {{ $sale->invoice_no }}
                                        @elseif(!empty($sale->ref_no))
                                            {{ $sale->ref_no }}
                                        @else
                                            N/A
                                        @endif
                                    </td>
                                    <td>
                                        @if (!empty($sale->waybill_no))
                                            {{ $sale->waybill_prefix . $sale->waybill_no . $sale->waybill_postfix }}
                                        @else
                                            N/A
                                        @endif
                                    </td>
                                    <td>
                                        @if ($sale->resources == 'whats_app')
                                            <span class="badge badge-warning">Whats App</span>
                                        @elseif ($sale->resources == 'face_book_leeds')
                                            <span class="badge badge-success">Face Book Leads</span>
                                        @elseif ($sale->resources == 'face_book_massenger')
                                            <span class="badge badge-secondary">Face Book Massenger</span>
                                        @elseif ($sale->resources == 'bulk_order')
                                            <span class="badge badge-danger">Bulk Order</span>
                                        @elseif ($sale->resources == 'daraz')
                                            <span class="badge badge-primary">Daraz</span>
                                        @elseif ($sale->resources == 'follow_up')
                                            <span class="badge badge-primary" style="background:#996633">Follow Up</span>
                                        @elseif ($sale->resources == 'tamil_order')
                                            <span class="badge badge-primary" style="background: #6600ff">Tamil
                                                Order</span>
                                        @elseif ($sale->resources == 'missed_call')
                                            <span class="badge badge-primary" style="background: #cc9900">Missed
                                                Call</span>
                                        @elseif ($sale->resources == 'call_order')
                                            <span class="badge " style="background: #897004 ; color :white">Call
                                                order</span>
                                        @elseif ($sale->resources == 'voucher')
                                            <span class="badge badge-primary" style="background: #16a085">Voucher
                                                Order</span>
                                        @elseif ($sale->resources == 'flagship_store')
                                            <span class="badge badge-primary" style="background: #1e3799">Flagship store</span>
                                        @elseif ($sale->resources == 'meta')
                                            <span class="badge badge-primary" style="background: #0e6655">Meta</span>
                                        @elseif ($sale->resources == 'online')
                                            <span class="badge badge-primary" style="background: #922b21">Online</span>
                                        @else
                                            <span class="badge badge-info">N/A</span>
                                        @endif
                                        @if ($sale->call_status != 'cancel')
                                            <a href="javascript:void(0)" id="resources_change_status"
                                                data-href="{{ route('oder.resources_status', $sale->id) }}"
                                                class="mr-2 dropdown-item"> <i
                                                    class="fa fa-edit text-success font-16"></i></a>
                                        @endif
                                    </td>
                                    <td @if ($settings->customer_profile_enable != '1') style="display: none" @endif>
                                        @php
                                            $contact_id = $sale->contact_id;
                                            $id = $contact_id;
                                            $totle_orders = App\Sale::where('sale_type', 'order')
                                                ->where('contact_id', $contact_id)
                                                ->count();
                                        @endphp
                                        <a href="{{ url('customers/' . $id) }}" class="dropdown-item"
                                            data-toggle="tooltip" data-placement="top" title=""
                                            data-original-title="Tooltip-top"><span class="badge badge-success"
                                                style="text-align: center; font-size: 16px">{{ $totle_orders }}
                                            </span></a>
                                    </td>
                                    <td>
                                        @if (!empty($sale->location))
                                            {{ $sale->business_locations->name }}
                                        @else
                                            N/A
                                        @endif
                                    </td>
                                    <td>
                                        {{ $sale->customer->name }}
                                        @if ($sale->customer->is_default == 2)
                                            <span class="badge badge-danger">
                                                <i class="fas fa-ban"></i> Banned
                                            </span>
                                        @endif
                                    </td>
                                    <td>
                                        {{ $sale->customer->mobile }}
                                        {{ $sale->customer->mobile_2 }}

                                    </td>
                                    <td>{{ $sale->customer->landmark }}</td>
                                    <td>{{ number_format($sale->invoice_nettotal, 2) }}</td>
                                   <td>
    @php
        $items = $sale->saleItems;
        $p_names = '';
        foreach ($items as $item) {
            // Retrieve the quantity from the stocks table
            $re_qty = DB::table('stocks')->where('id', $item->stock_id)->value('qty');
            // Append the product name and quantity wrapped in a badge span
            $p_names .= $item->product->product_name . ' - <span class="badge badge-success">' . $re_qty . '</span>, ';
        }
    @endphp
    {!! Str::replaceLast(', ', '', $p_names) !!}
</td>
                                    <td>
                                        @php
                                            
                                            $items = $sale->saleItems;
                                            $skus = '';
                                            foreach ($items as $item) {
                                                $skus .= $item->product->sku . ', ';
                                            }
                                        @endphp
                                        {{ Str::replaceLast(', ', '', $skus) }}
                                    </td>
                                    <td>
                                        @php
                                            $call_status = App\CallStatus::where('sale_id', $sale->id)
                                                ->get()
                                                ->last();
                                        @endphp
                                        @if (!empty($call_status->call_status_reason))
                                            <span class="badge badge-info">{{ $call_status->call_status_reason }} </span>
                                        @else
                                            <span class="badge badge-info">N/A</span>
                                        @endif
                                    </td>
                                    <td>
                                        @php
                                            $call_status = App\CallStatus::where('sale_id', $sale->id)
                                                ->get()
                                                ->last();
                                        @endphp
                                        @if (!empty($call_status->remark))
                                            {{ $call_status->remark }}
                                        @else
                                            N/A
                                        @endif
                                    </td>
                                    <td>
                                        @php
                                            $call_status = App\CallStatus::where('sale_id', $sale->id)
                                                ->get()
                                                ->last();
                                        @endphp
                                        @if (!empty($call_status->next_call_date))
                                            {{ Carbon\Carbon::parse($call_status->updated_at)->format('Y-m-d') }}
                                        @else
                                            N/A
                                        @endif
                                    </td>
                                    <td>
                                        @php
                                            $call_status = App\CallStatus::where('sale_id', $sale->id)->count();
                                        @endphp
                                        {{ $call_status }}
                                    </td>
                                    <td>
                                        @php
                                            $dates = Carbon\Carbon::parse($sale->sale_date)->toDateString();
                                        @endphp
                                        {{ $dates }}
                                    </td>
                                    <td>{{ Carbon\Carbon::parse($sale->updated_at)->toDateString() }}</td>
                                    <td @if ($settings->order_batch_enable != '1') style="display: none" @endif>
                                        @php
                                            $campaign_id = App\OrderBatch::where('id', $sale->order_batch)->first();
                                            $dates = Carbon\Carbon::parse($sale->created_at)->toDateString();
                                        @endphp
                                        @if (!empty($campaign_id->batch_name))
                                            {{ $campaign_id->batch_name . '-' . $dates }}
                                        @else
                                            N/A
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <th colspan="10" style="text-align: center"></th>
                                <th style="font-weight: bold">Total</th>
                                <th colspan="1"></th>
                            </tr>
                        </tfoot>
                    </table>
                    <div class="d-flex justify-content-end">
                        {{ $sales->appends($_GET)->links() }}
                    </div>
                    @php
                    $count = $sales->count();
                @endphp

                    <div>
                        <span style="font-weight: bold">Total Count&nbsp;&nbsp;
                            {{ $count }}
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <input class="form-check-input" id="customer_profile_enable" type="text" name="customer_profile_enable"
        value="{{ $settings->customer_profile_enable }}" hidden>
    <input class="form-check-input" id="order_batch_enable" type="text" name="order_batch_enable"
        value="{{ $settings->order_batch_enable }}" hidden>
    <div id="call-status" class="modal fade"></div>
    <div id="status-gender" class="modal fade"></div>
    <div id="status-resources" class="modal fade"></div>

    <input type="hidden" id="enable_all_date_for_call_list" value="{{ $settings->enable_all_date_for_call_list == '1' ? '1' : '0' }}">
    <input type="hidden" id="enable_today_date" value="{{ $settings->enable_today_date == '1' ? '1' : '0' }}">

@endsection
@section('scripts')

    <script>
        $(document).on('change', '#reportrange ,#status, #business_location_id, #id', function() {
            table.ajax.reload();
        })

        $(document).on('click', '.date_range ', function() {
            let report = $(this).attr('id');
            $('#status').val(report);
            localStorage.setItem("dropstatus", report);
            table.ajax.reload();
        })

        $(document).ready(function() {
            setInterval(function() {
                location.reload();
                // console.log('hi');
            }, 300000);
        });

        $(document).on('click', '#add', function() {
            $('#call-status').load($(this).data('href'), function() {
                $('#mdate').bootstrapMaterialDatePicker({
                    weekStart: 0,
                    time: false
                });
                $('#call-status').modal('show');
            })
        });
        $(document).on('change', '#call_status', function() {
            let val = $(this).val();

            if (val === 'hold_oders') {
                $('.response').attr('hidden', true);
                $('.call_date').attr('hidden', false);
            } else {
                $('.response').attr('hidden', false);
                $('.call_date').attr('hidden', true);
                $('.next_call_date').val('');
            }
            if (val === 'confirm' || val === 'cancel' || val === 'not_confirm') {
                $('#call_status_sms').prop('checked', true);
                $("#call_status_sms").prop("disabled", false);
            } else {
                $('#call_status_sms').prop('checked', false);
                $("#call_status_sms").prop("disabled", true);
            }
        })

        $(document).on('click', '#update_payment', function() {
            let call_status = $('#call_status').val();
            let call_status_reason = $('#call_status-reson').val();
            let next_call_date = $('.next_call_date').val();
            let id = $('#sale_id').val();
            let user_ids = $('#user_ids').val();
            let remark = $('#remark').val();
            var call_status_sms = "0";
            if ($('#call_status_sms').prop("checked") == true) {
                call_status_sms = "1";
            }
            let url = "{{ route('call-status.update-status') }}";
            $.ajax({
                method: 'POST',
                url: url,
                data: {
                    "_token": "{{ csrf_token() }}",
                    'call_status': call_status,
                    'id': id,
                    'user_ids': user_ids,
                    'remark': remark,
                    'call_status_reason': call_status_reason,
                    'next_call_date': next_call_date,
                    'call_status_sms': call_status_sms
                },
                success: function(response) {
                    if (response == 'ok') {
                        $('#call-status').modal('hide');
                        document.location.reload();
                        table.ajax.reload();
                    }
                }
            });
        });
        $(document).on('click', '#gender_change_status', function() {
            $('#status-gender').load($(this).data('href'), function() {
                $('#mdate').bootstrapMaterialDatePicker({
                    weekStart: 0,
                    time: false
                });
                $('#status-gender').modal('show');
            })
        });

        $(document).on('click', '#update_gender_status', function() {
            let gender = $('#gender').val();
            let id = $('#sale_id').val();
            let url = "{{ route('gender-status.update-status') }}";
            $.ajax({
                method: 'POST',
                url: url,
                data: {
                    "_token": "{{ csrf_token() }}",
                    'gender': gender,
                    'id': id,
                },
                success: function(response) {
                    $('#status-gender').modal('hide');
                    $.toast({
                        heading: 'Successfully update.!',
                        text: response.msg,
                        position: 'top-right',
                        bgColor: '#1ecab8',
                        icon: 'success',
                        showHideTransition: 'fade',
                        loaderBg: '#ecf0f1'
                    })
                    document.location.reload();
                    table.ajax.reload();
                }
            });
        });
        $(document).on('click', '#resources_change_status', function() {
            $('#status-resources').load($(this).data('href'), function() {
                $('#mdate').bootstrapMaterialDatePicker({
                    weekStart: 0,
                    time: false
                });
                $('#status-resources').modal('show');
            })
        });

        $(document).on('click', '#update_resources_status', function() {
            let resources = $('#resources').val();
            let id = $('#sale_id').val();
            let url = "{{ route('resources-status.update-status') }}";
            $.ajax({
                method: 'POST',
                url: url,
                data: {
                    "_token": "{{ csrf_token() }}",
                    'resources': resources,
                    'id': id,
                },
                success: function(response) {
                    $('#status-resources').modal('hide');
                    $.toast({
                        heading: 'Successfully update.!',
                        text: response.msg,
                        position: 'top-right',
                        bgColor: '#1ecab8',
                        icon: 'success',
                        showHideTransition: 'fade',
                        loaderBg: '#ecf0f1'
                    })
                    document.location.reload();
                    table.ajax.reload();
                }
            });
        });
        $(document).on('click', '.submit-filters', function(e) {
            e.preventDefault()
            let data_type = $(this).data('type');
            $('#data_type').val(data_type);
            $('#filter_form').submit();
        });

        var enableAllDateForCallList = document.getElementById('enable_all_date_for_call_list').value;
        var enableTodayDateForCallList = document.getElementById('enable_today_date').value;

        var start;
        if (enableAllDateForCallList === '1') {
            start = moment('2020-01-01');
        } else if (enableTodayDateForCallList === '1') {
            start = moment(); 
        } else{
            start = moment().subtract(29, 'days');
        }
        var end = moment();

        function cb(start, end) {
            $('#date span').html(start.format('MM-DD-YYYY') + ' - ' + end.format('MM-DD-YYYY'));
        }
        let ranges = {};

        if (enableTodayDateForCallList !== '1') {
            ranges['All Data'] = ['2020-01-01', moment()];
        }

        ranges['Today'] = [moment(), moment()];
        ranges['Yesterday'] = [moment().subtract(1, 'days'), moment().subtract(1, 'days')];
        ranges['Day before yesterday'] = [moment().subtract(2, 'days'), moment().subtract(2, 'days')];
        ranges['Last 7 Days'] = [moment().subtract(6, 'days'), moment()];
        ranges['Last 30 Days'] = [moment().subtract(29, 'days'), moment()];
        ranges['This Month'] = [moment().startOf('month'), moment().endOf('month')];
        ranges['Last Month'] = [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')];
        ranges['Last 6 Months'] = [moment().subtract(5, 'month'), moment()];

        $('#date').daterangepicker({
            startDate: start,
            endDate: end,
            ranges: ranges,
            locale: {
                format: 'Y-MM-DD'
            }
        }, cb);
        $(document).ready(function() {
            var getUrlParameter = function getUrlParameter(sParam) {
                var sPageURL = decodeURIComponent(window.location.search.substring(1)),
                    sURLVariables = sPageURL.split('&'),
                    sParameterName,
                    i;
                for (i = 0; i < sURLVariables.length; i++) {
                    sParameterName = sURLVariables[i].split('=');

                    if (sParameterName[0] === sParam) {
                        return sParameterName[1] === undefined ? true : sParameterName[1];
                    }
                }
            };
            var report_date = getUrlParameter('dates');
            myString = report_date.split('+-+').join('/');
            var result = myString.split('/');
            var enableTodayDateForCallList = document.getElementById('enable_today_date').value;

            let ranges = {};

            if (enableTodayDateForCallList !== '1') {
                ranges['All Data'] = ['2020-01-01', moment()];
            }

            ranges['Today'] = [moment(), moment()];
            ranges['Yesterday'] = [moment().subtract(1, 'days'), moment().subtract(1, 'days')];
            ranges['Day before yesterday'] = [moment().subtract(2, 'days'), moment().subtract(2, 'days')];
            ranges['Last 7 Days'] = [moment().subtract(6, 'days'), moment()];
            ranges['Last 30 Days'] = [moment().subtract(29, 'days'), moment()];
            ranges['This Month'] = [moment().startOf('month'), moment().endOf('month')];
            ranges['Last Month'] = [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')];
            ranges['Last 6 Months'] = [moment().subtract(5, 'month'), moment()];

            $('#date').daterangepicker({
                startDate: result[0],
                endDate: result[1],
                ranges: ranges,
                locale: {
                    format: 'Y-M-DD'
                }
            });

        });

        document.addEventListener('DOMContentLoaded', function () {
            const storedDataType = document.getElementById('data_type').value;            
            if (storedDataType) {
                document.querySelectorAll('.submit-filters').forEach(function (button) {
                    if (button.getAttribute('data-type') === storedDataType) {
                        button.classList.add('active');
                    }
                });
            }
        });

        $(document).ready(function() {
            $('#laravel_datatable').DataTable({
                dom: 'Bfrtip',
                buttons: [
                    {
                        extend: 'excelHtml5',
                        text: 'Download Excel',
                        className: 'btn btn-primary float-right px-5 mb-3',
                        exportOptions: {
                            columns: ':not(:first-child)'
                        }
                    }
                ],
                searching: false,
                responsive: true
            });
        });
    </script>
    <script>
    $('.btn-duplicate-update').on('click', function () {
        let id = $(this).data('id');
        let status = $(this).data('status');

        $.ajax({
            url: `/sales/${id}/duplicate/${status}`,
            type: 'POST',
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            },
            success: function (response) {
                if (response.success) {
                    $.toast({
                        heading: 'Success',
                        text: 'Duplicate status updated to ' + status,
                        position: 'top-right',
                        bgColor: '#28a745',
                        icon: 'success',
                        hideAfter: 3000,
                        stack: 1
                    });
                    setTimeout(() => {
                        location.reload();
                    }, 1000);
                } else {
                    $.toast({
                        heading: 'Error',
                        text: response.msg || 'Update failed',
                        position: 'top-right',
                        bgColor: '#f1646c',
                        icon: 'error',
                        hideAfter: 5000,
                        loaderBg: '#ecf0f1',
                    });
                }
            },
            error: function (xhr) {
                $.toast({
                    heading: 'Error',
                    text: 'Server error occurred.',
                    position: 'top-right',
                    bgColor: '#f1646c',
                    icon: 'error',
                    hideAfter: 5000,
                    loaderBg: '#ecf0f1',
                });
            }
        });
    });
</script>
@endsection