@php $isDoneList = ($listType ?? 'pending') === 'done'; @endphp
@if($isDoneList)
<style>
.optical-status-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    font-size: 12px;
}
.optical-status-icon.done {
    background: #28a745;
    color: #fff;
}
.optical-status-icon.pending {
    background: #dc3545;
    color: #fff;
}
</style>
@endif

@if(!$isDoneList)
<form method="post" action="/{{projectUrl()}}saveMakeOrder">
    @csrf
@endif
<table id="example" class="table table-striped table-bordered dt-responsive nowrap" style="width:100%">
    <thead>
        <tr>
            @if(!$isDoneList)
            <th>Make Order</th>
            @else
            <th class="text-center">Make Order</th>
            <th class="text-center">Work Completed</th>
            @endif
            <th>Bill No</th>
            <th>Bill Date</th>
            <th>Patient Name</th>
            <th>Mob</th>
            <th>Bill Amount</th>
        </tr>
    </thead>
    <tbody>
        @forelse($data as $result)
        @php
            $makeOrderDone = isSaleBillMakeOrderDone($result->MakeOrder ?? null);
            $workCompleteDone = isSaleBillWorkComplete($result->WorkComplete ?? null);
        @endphp
        <tr>
            @if(!$isDoneList)
            <td>
                <input type="checkbox" id="sbchk{{$result->id}}" name="BillId[]" class="common_selector Proccedures" value="{{$result->id}}">
            </td>
            @else
            <td class="text-center">
                @if($makeOrderDone)
                <span class="optical-status-icon done" title="Make Order Done"><i class="fas fa-check"></i></span>
                @else
                <span class="optical-status-icon pending" title="Make Order Pending"><i class="fas fa-times"></i></span>
                @endif
            </td>
            <td class="text-center">
                @if($workCompleteDone)
                <span class="optical-status-icon done" title="Work Completed"><i class="fas fa-check"></i></span>
                @else
                <span class="optical-status-icon pending" title="Work Pending"><i class="fas fa-times"></i></span>
                @endif
            </td>
            @endif
            <td>{{$result->BillNo}}</td>
            <td>{{date("d/m/Y", strtotime(str_replace('-', '/',$result->SaleDate)))}}</td>
            <td>{{$result->PatientName}}</td>
            <td>{{$result->MobileNo}}</td>
            <td>&#8377;{{number_format($result->SubTotal,2)}}</td>
        </tr>
        @empty
        <tr>
            <td colspan="{{ $isDoneList ? 7 : 6 }}" class="text-center text-muted">
                @if($isDoneList)
                No make orders completed for selected dates.
                @else
                No sale bills with Make Order unchecked for selected dates.
                @endif
            </td>
        </tr>
        @endforelse
    </tbody>
</table>
@if(!$isDoneList)
<br>
<button class="btn btn-success" type="submit" name="makesubmitbtn" id="submit" style="display: none;">Make Order</button>
</form>
@endif
<script type="text/javascript">
$(document).ready(function() {
    if ($.fn.DataTable.isDataTable('#example')) {
        $('#example').DataTable().destroy();
    }

    $('#example').DataTable({
        scrollX: true,
        responsive: false,
        autoWidth: false,
        dom: 'Bfrtip',
        pageLength: 200,
        order: [
            [{{ $isDoneList ? 2 : 1 }}, "desc"]
        ],
        buttons: [{
            extend: 'excelHtml5',
            title: '{{ $isDoneList ? "Make Order Done" : "Pending Make Order" }}',
            text: 'Export to Excel',
            exportOptions: {
                columns: '{{ $isDoneList ? ":visible" : ":not(:first-child)" }}'
            }
        }]
    });

    @if(!$isDoneList)
    function get_filter(class_name)
    {
        var filter = [];
        $('.'+class_name+':checked').each(function(){
            filter.push($(this).val());
        });
        return filter;
    }

    $('.common_selector').click(function(){
        var ProccedureId = get_filter('Proccedures');
         if(ProccedureId == ''){
              $('#submit').hide();
         }
         else{
        $('#submit').show();
         }
    });
    @endif
});
</script>