@extends('operations.layout.mainlayout')

@section('content')
{{--    @if(session('role') != 4 && session('role') != 5 && session('role') != 8)--}}
{{--        {{exit("<h1>Unauthorized access</h1>")}}--}}
{{--    @endif--}}
<!-- Content Wrapper. Contains page content -->
<style>
        .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
            color:black;
        }
    </style>
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid card">
            <div class="row mb-2">
                <div class="col-sm-6 card-body">
                    <h1 class="m-0 text-dark" style="color: #e35a80!important;">Clients Claim</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">

                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">

                    <!-- /.card -->
                    <div class="col-12 col-sm-12 col-md-12">
                        <div class="row">
                            <div class="col" style="text-align: center;">
                                <div class="alert alert-danger alert-danger-order" role="alert" style="@if(empty($error))display: none;@endif">@if(!empty($error)){{$error}}@endif</div>
                            </div>
                        </div>
                        <br />
                        <div class="card bg-light">
                            <div class="card-header text-muted border-bottom-0">
                            </div>
                            <form method="get" action="" style="width:100%;">
                                <div class="card-body pt-0">
                                    <div class="row">
                                        <div class="col-12">


                                            <div class="row">
                                                <div class="col-md-3">
                                                    <span class="text-muted text-sm"><b>Payment Date from</b></span>
                                                    <input id="date-from" class="form-control" type="date" name="date_from" value="@if(!empty($date_from)){{$date_from}}@endif" placeholder="Date From" />                                      </div>
                                                <div class="col-md-3">
                                                    <span class="text-muted text-sm"><b>Payment Date to</b></span>
                                                    <input id="date-to" class="form-control"  type="date" name="date_to" value="@if(!empty($date_to)){{$date_to}}@endif" placeholder="Date To" />
                                                </div>
                                                <div class="col-md-3">
                                                    <span class="text-muted text-sm"><b>Client</b></span>
                                                    <select class="form-control rhospital_id" id="company" name="collection_user">
                                                        <option value="">Select Client</option>
                                                        @foreach($users as $user)
                                                            <option @if(!empty($collected_by) && $collected_by == $user->ID) selected @endif value="{{$user->ID}}">{{$user->COMPANY_NAME}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-3">
                                                    <span class="text-muted text-sm"><b>Reservation ID</b></span>
                                                    <input id="reservation-id" class="form-control"  type="text" name="reservation_id" value="@if(!empty($reservation_id)){{$reservation_id}}@endif" placeholder="Reservation ID">

                                                </div>
                                                <div class="col-md-3">
                                                        <span class="text-muted text-sm"><b>Payment Method</b></span>
                                                        <select class="form-control rhospital_id" multiple="multiple" name="payment_methods_ids[]" id="clients-claim-payments">
                                                        @foreach($payment_methods as $payment_method)
                                                            <option class="payment-options" @if(!empty($payment_methods_ids) && in_array($payment_method->PAYMENT_METHOD_ID,$payment_methods_ids) ) selected @endif value="{{$payment_method->PAYMENT_METHOD_ID}}">{{$payment_method->DESC_EN}}</option>
                                                        @endforeach
                                                        </select>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer">
                                    <div class="text-right">
                                        @permission('view_reporting_contract')
                                        <button id="generate-multiple-invoice" class="btn btn-sm btn-secondary">Generate Multiple Invoice</button>

                                            @if(!empty($collected_by) && $collected_by != 122886 && empty($reservation_id) && !empty($date_from) && !empty($date_to))
                                                <button id="generate-company-invoice" class="btn btn-sm btn-secondary">Generate Invoice</button>
                                            @endif
                                        @endpermission
                                        <button type="submit" class="btn btn-sm btn-info">
                                            <i class="fas fa-search"></i> Submit
                                        </button>
                                    </div>
                                </div>

                            </form>
                        </div>
                    </div>

                    <div class="card">

                        <!-- /.card-header -->
                        <div class="card-body">
                            <table id="payment-table" class="table table-bordered table-striped">
                                <thead>
                                <tr>
                                    <th>Reservation ID</th>
                                    <th>Sample ID</th>
                                    <th>Patient Name</th>
                                    <th>Test</th>
                                    <th>Payment Method</th>
                                    <th>Subtotal</th>
                                    <th>{{$global_symbol['tax'] ?? 'TAX'}}</th>
                                    <th>Net Total</th>
                                    <th>Paid </th>
                                    <th>Remaining</th>
                                    <th>Credit Note</th>
                                    <th>Debit Note</th>
                                    <th>Processing Unit</th>
                                    <th>Status</th>
                                    <th>Result Date</th>
                                    <th>Paid By</th>
                                    <th>Open/Closed</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($orders as $order)
                                    <tr>

                                        <td><a href="/operations/reservations/{{$order->END_USER_LAB_ORDER_ID}}">{{$order->END_USER_LAB_ORDER_ID}}</a></td>
                                        <td><a href="/operations/samples/{{$order->ID}}">{{$order->ID}}</a></td>
                                        <td>{{$order->PATIENT_NAME}}</td>
                                        <td>{{$order->TEST_NAME}}</td>
                                        <td>{{$order->PAYMENT_METHOD_NAME}}</td>
                                        <td>{{$order->SUB_TOTAL}}</td>
                                        <td>{{$order->TOTAL_TAX}}</td>
                                        <td>{{round($order->TOTAL_PRICE,2)}}</td>
                                        <td>{{empty($order->TOTAL_INVOICE) ? "0" : $order->TOTAL_INVOICE}}</td>
                                        <td>{{round((empty($order->TOTAL_PRICE) ? 0 : $order->TOTAL_PRICE) - (($order->TOTAL_AMOUNT / 100)),2) }}</td>
                                        <td>{{$order->TOTAL_CREDIT_NOTE}}</td>
                                        <td>{{$order->TOTAL_DEBIT_NOTE}}</td>
                                        <td>{{$order->PROCESSING_UNIT}}</td>
                                        <td>{{$order->SAMPLE_STATUS}}</td>
                                        <td>{{$order->APPROVE_TIME}}</td>
                                        <td>{{$order->USERNAME}}</td>
                                        <td>@if(($order->TOTAL_AMOUNT/100) < $order->TOTAL_PRICE) Open @else Closed @endif</td>
                                    </tr>
                                @endforeach
                                </tbody>
                                <tfoot>
                                <th></br> Totals</th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th> </br> {{$sub_total}}</th>
                                <th> </br> {{$tax_total}}</th>
                                <th> </br> {{$total_net}}</th>
                                <th> </br> {{$total_invoice}}</th>
                                <th> </br> {{$total_net - $total}}</th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                </tfoot>
                            </table>
                            @if(session('role') == 4 && !empty($collected_by) && $collected_by != 122886)
                                {{--<div class="row">
                                    <div class="col" style="text-align: center">
                                        <button id="add-invoice" class="btn btn-info">Add Invoice</button>
                                    </div>
                                </div>--}}
                            @endif
                        </div>
                        <!-- /.card-body -->
                    </div>
                    <!-- /.card -->
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->
<div class="modal fade" id="modal-invoice">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">Add Invoice</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="invoice-form" method="post"  action="/operations/company/invoice">
                <div class="modal-body">
                    <div class="row">
                        <div class="col" style="text-align: center;">
                            <div class="alert alert-danger alert-danger-order" role="alert" style="display: none;"></div>
                        </div>
                    </div>
                    <div class="col-4" style="max-width: 100%;margin-bottom: 5px; display:none">
                        Date From :
                        <input name="date_from_invoice" type="date" class="form-control" value="@if(!empty($date_from)){{$date_from}}@endif"/>
                    </div>
                    <div class="col-4" style="max-width: 100%;margin-bottom: 5px; display:none">
                        Date To :
                        <input class="form-control"  type="date" name="date_to_invoice" value="@if(!empty($date_to)){{$date_to}}@endif">
                    </div>
                    <div class="row">
                        <div class="col">
                            <p>*Filter Results should be clicked for dates to take affect</p>
                        </div>
                    </div>
                    <label for="invoice-user">Company</label>
                    <select required id="collection_user" class="form-control rhospital_id" name="collection_user_invoice">
                        <option value="">Select Company</option>
                        @foreach($users as $user)
                            <option @if(!empty($collected_by) && $collected_by == $user->ID) selected @endif value="{{$user->ID}}">{{$user->COMPANY_NAME}}</option>
                        @endforeach
                    </select>
                    <label for="invoice-amount">Invoice Amount</label>
                    <input required id="invoice-amount" name="invoice_amount" class="form-control" value="0" type="number" step="0.01" />
                </div>
                <div class="modal-footer ">
                    <button style="border-radius: 20px;padding:14px;font-size:15px;min-width:150px;" type="button" class="btn btn-default" data-dismiss="modal">{{trans("web.cancel")}}</button>
                    <button style="border-radius: 20px;padding:14px;font-size:15px;min-width:150px;" id="invoice"  type="submit" class="btn btn-info">Pay Invoice</button>
                </div>
            </form>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

<div class="modal fade" id="modal-multiple-invoice">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">Clients Claim</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="invoice-form" method="post"  action="/operations/company/invoice">
                <div class="modal-body">
                    <div class="row">
                        <div class="col" style="text-align: center;">
                            <div class="alert alert-danger alert-danger-order" role="alert" style="display: none;"></div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <span class="text-muted text-sm"><b>Date from</b></span>
                            <input class="form-control" type="date" id="multiple-date-from" name="date_from" value="@if(!empty($date_from)){{$date_from}}@endif" placeholder="Date From" />                                      </div>
                        <div class="col-md-6">
                            <span class="text-muted text-sm"><b>Date to</b></span>
                            <input class="form-control"  type="date" id="multiple-date-to" name="date_to" value="@if(!empty($date_to)){{$date_to}}@endif" placeholder="Date To" />
                        </div>
                        <div class="col-md-6">
                            <span class="text-muted text-sm"><b>Payment Method</b></span>
                            <select class="form-control rhospital_id" multiple="multiple" name="payment_methods_ids[]" id="clients-claim-multiple-payments">
                                @foreach($payment_methods as $payment_method)
                                    <option class="payment-options" @if(!empty($payment_methods_ids) && in_array($payment_method->PAYMENT_METHOD_ID,$payment_methods_ids) ) selected @endif value="{{$payment_method->PAYMENT_METHOD_ID}}">{{$payment_method->DESC_EN}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6">
                            <span class="text-muted text-sm"><b>Client</b></span>
                            <select class="form-control rhospital_id" id="multiple-company" name="collection_user[]" multiple>
                                <option value="" disabled>Select Client</option>
                                @foreach($users as $user)
                                    <option value="{{$user->ID}}">{{$user->COMPANY_NAME}}</option>
                                @endforeach
                            </select>
                        </div>

                    </div>
                </div>
                <div class="modal-footer ">
                    <button style="border-radius: 20px;padding:14px;font-size:15px;min-width:150px;" type="button" class="btn btn-default" data-dismiss="modal">{{trans("web.cancel")}}</button>
                    <button style="border-radius: 20px;padding:14px;font-size:15px;min-width:150px;" id="generate-multiple-invoice-btn"  type="submit" class="btn btn-info">Generate Invoice</button>
                </div>
            </form>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

@endsection

@section('footer-scripts')
    <script>
        $(document).on('click', '#generate-multiple-invoice', function (e) {
            e.preventDefault();
            $('#modal-multiple-invoice').modal('show');
        });
        $("#generate-multiple-invoice-btn").on("click",function(){
            $("#generate-multiple-invoice-btn").prop("disabled", true);
            var date_from = $("#multiple-date-from").val();
            var date_to = $("#multiple-date-to").val();
            var company = $("#multiple-company").val();
            var payment_methods_ids = $("#clients-claim-multiple-payments").val();
            if(company == "") {
                $("#generate-multiple-invoice-btn").prop("disabled", false);
                alert("Please fill in the company");
            }else{
                $.ajax({
                    url: '/operations/invoice/multiple-company/generate',
                    data: {
                        date_from: date_from,
                        date_to: date_to,
                        company: company,
                        payment_methods_ids: payment_methods_ids,
                    },
                    success: function (response) {
                        toastr.success(response);
                        $('#modal-multiple-invoice').modal('hide');
                        $("#generate-multiple-invoice-btn").prop("disabled", false);
                    }
                })
            }
            return false;
        });
        @if(isset($errors))
            toastr.success('No Invoice Created');
        @endif
    </script>
@endsection