@extends('operations.layout.mainlayout')

@section('content')
    <style>
        .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
            color: black;
        }
        .select2-selection.is-invalid {
            border-color: #dc3545 !important;
            box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
        }

    </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;">Change Client</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-4">
                                                        <span class="text-muted text-sm"><b>Reservation ID</b></span>
                                                        <input class="form-control" type="text"
                                                               name="reservation_id"
                                                               id="invoice-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>To Client</b></span>
                                                        <select class="form-control rhospital_id" name="client_id" id="invoice-client-id">
                                                            <option value=""> -- select client -- </option>
                                                            @foreach($clients as $client)
                                                                <option class="payment-options"
                                                                        @if(!empty($client_id) && $client_id == $client->ID) selected
                                                                        @endif value="{{$client->ID}}">{{$client->COMPANY_NAME}}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>


                                                </div>


                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-footer">
                                        <div>
                                            @if(isset($responses) && !empty($responses) && !$responses->isEmpty())
                                                <div class="custom-control custom-switch" style="float: inline-start">
                                                    <input type="checkbox" id="change-anyway" class="custom-control-input "  name="change_anyway">
                                                    <label class="custom-control-label" for="change-anyway">Change Anyway
                                                    </label>
                                                </div>
                                            @endif
                                            <button type="submit" class="text-right btn btn-sm btn-info" style="float: inline-end">
                                                <i class="fas fa-search"></i> Review
                                            </button>
                                        </div>
                                    </div>

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

                        <div class="card">

                            @if(isset($responses) && !empty($responses) && !$responses->isEmpty())
                                <!-- /.card-header -->
                                <div class="card-body">
                                    <table id="change-client-datatable" class="table table-bordered table-striped">
                                        <thead>
                                        <tr>
                                            <th>Test ID</th>
                                            <th>Test Name</th>
                                            <th>Patient Name</th>
                                            <th>Identification</th>
                                            <th>Status</th>
                                            <th>Client Invoice ID</th>
                                            <th>Current Client Price</th>
                                            <th>New Client Price</th>
                                            <th>Actions</th>
                                            <th class="new-client-debit-invoice">New Client Invoice (Debit)</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($responses as $response)
                                            <tr>
                                                <td>{{$response->ID}}</td>
                                                <td>{{$response->NAME_EN}}</td>
                                                <td>{{$response->patient_name}}</td>
                                                <td>{{$response->IDENTIFICATION}}</td>
                                                <td>{{$response->DESC_EN}}</td>
                                                <td>{{$response->INVOICE_NO ?? ''}}</td>
                                                <td>{{$response->PRICE}}</td>
                                                <td>
                                                    @php
                                                    $new_price = $response->PRICE;
                                                    if (isset($newClientPricesMap[$response->LAB_CATEGORY_PACKAGE_ID])) {
                                                        $new_price = $newClientPricesMap[$response->LAB_CATEGORY_PACKAGE_ID]->PRICE;
                                                    }
                                                    @endphp
                                                    {{$new_price}}
                                                </td>
                                                <td>
                                                    @if(!empty($response->INVOICE_NO) && !in_array($response->LAB_ORDER_STATUS_ID,[-1,-2,-3]) && in_array($response->b2b_invoice_status,[1,2,3]))
                                                        <span class="badge badge-danger">Credit Note ({{$response->PRICE}})</span>
                                                    @endif
                                                    <span class="badge badge-success new-client-debit-invoice">Debit Note ({{$new_price}})</span>
                                                </td>
                                                <td class="new-client-debit-invoice">
                                                    <select class="form-control rhospital_id invoice-select">
                                                        <option value=""> -- select invoice -- </option>
                                                        @foreach($invoices as $invoice)
                                                            <option data-id="{{$response->ID}}" value="{{$invoice->ID}}">
                                                                {{$invoice->INVOICE_NO}} ({{date('Y-m-d', strtotime($invoice->DATE_FROM))}} - {{date('Y-m-d', strtotime($invoice->DATE_TO))}})
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                        <tfoot>
                                        <tr>
                                            <td colspan="10" class="text-right">
                                                <div class="row">
                                                    <div class="col-md-8 text-left"  style="padding: 6px">
                                                        <span class="new-client-debit-invoice"><i class="fa fa-info-circle text-danger"></i> You can select an invoice here to automatically apply it to all rows, instead of selecting one for each row manually.</span>
                                                    </div>
                                                    <div class="col-md-3 text-left">
                                                        <div class="new-client-debit-invoice">
                                                        <select class="form-control rhospital_id" id="invoice-global-select">
                                                            <option value=""> -- select invoice -- </option>
                                                            @foreach($invoices as $invoice)
                                                                <option data-id="{{$response->ID}}" value="{{$invoice->ID}}">
                                                                    {{$invoice->INVOICE_NO}} ({{date('Y-m-d', strtotime($invoice->DATE_FROM))}} - {{date('Y-m-d', strtotime($invoice->DATE_TO))}})
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <button id="saveInvoices" class="btn btn-info">change client</button>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            @endif
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
            </div>
            <!-- /.container-fluid -->
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
@endsection
@section('footer-scripts')
    <script>
        $(document).ready(function () {
            $('#change-client-datatable').DataTable({
                "lengthMenu": [[10, 25, 50, 500], [10, 25, 50, 500]],
                "responsive": true,
                "autoWidth": false,
                "bInfo" : true,
                "ordering": false,
                "searching": false,
                "order": [[ 0, "desc" ]],
            });

            $("#change-anyway").change(function (){
                if($('#change-anyway').is(':checked')) {
                    $(".new-client-debit-invoice").hide();
                }else{
                    $(".new-client-debit-invoice").show();
                }
            })
            $('#saveInvoices').on('click', function () {
                var change_anyway = $('#change-anyway').is(':checked');

                var data = [];
                var hasError = false;
                var reservation_id = $("#invoice-reservation-id").val();
                var client_id = $("#invoice-client-id").val();
                var global_invoice = $("#invoice-global-select").val();
                if(global_invoice === '' && change_anyway == false) {
                    $('#change-client-datatable tbody tr').each(function () {
                        var $row = $(this);
                        var $select = $row.find('.invoice-select');
                        var selectedValue = $select.val();
                        var selectedOption = $select.find('option:selected');
                        var orderId = selectedOption.data('id');

                        if (!selectedValue || selectedValue === '') {
                            $select.addClass('is-invalid');
                            $select.next('.select2-container').find('.select2-selection').addClass('is-invalid');
                            hasError = true;
                        } else {
                            $select.removeClass('is-invalid');
                            $select.next('.select2-container').find('.select2-selection').removeClass('is-invalid');
                            data.push({
                                order_id: orderId,
                                invoice_id: selectedValue
                            });
                        }
                    });
                }
                if (!reservation_id || reservation_id === ''){
                    toastr.error('Reservation Id is required');
                    return;
                }
                if (!client_id || client_id === ''){
                    toastr.error('Please select client');
                    return;
                }

                if (hasError) {
                    toastr.error('An invoice must be selected for each row');
                    return;
                }
                if($('#change-anyway').is(':checked')){
                    data = [];
                }
                if($('#change-anyway').is(':checked')) {
                    var confirmation = confirm("You are changing the Clients for this reservation without creating a Debit Note");
                    if (!confirmation) return false;
                }
                $.ajax({
                    url: '/operations/contracts/change-client',
                    method: 'POST',
                    data: {
                        invoices: data,
                        global_invoice : global_invoice,
                        client_id : client_id,
                        change_anyway : change_anyway,
                        reservation_id : reservation_id
                    },
                    success: function (response) {
                        if (response.success) {
                            alert('Update successfully');
                            location.reload();
                        } else {
                            toastr.error(response.message);
                        }
                    },
                    error: function (xhr, status, error) {
                        console.error(error);
                        alert('please try again');
                    }
                });

            });



        });
    </script>
@endsection