@extends('operations.layout.mainlayout')

@section('content')
    <style>
        .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
            color:black;
        }
        .btn-outline-default{
            color: #e35a80 !important;
            border-color: #e35a80 !important;
        }


    </style>
    {{--    @if(session('role') != 4 && session('role') != 5 && session('role') != 8)--}}
    {{--        {{exit("<h1>Unauthorized access</h1>")}}--}}
    {{--    @endif--}}
    <!-- Content Wrapper. Contains page content -->
    <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;">Contract Invoices</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">
                            <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>Invoice from</b></span>
                                                        <input id="contract-invoice-b2b-date-from" autocomplete="off" class="form-control contract-invoice-from" type="text" 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>Invoice to</b></span>
                                                        <input id="contract-invoice-b2b-date-to" autocomplete="off" class="form-control contract-invoice-to"  type="text" name="date_to" value="@if(!empty($date_to)){{$date_to}}@endif" placeholder="Date To">
                                                    </div>

                                                    <div class="col-md-3" @if($is_b2b) style="display: none" @endif>
                                                        <span class="text-muted text-sm"><b>Select Status</b></span>
                                                        <select class="form-control col-md-2 rhospital_id" multiple="multiple" id="contract-invoice-b2b-status" name="package_id" style="width: auto">
                                                            <option value="-1">Reject</option>
                                                            <option value="0">Draft</option>
                                                            <option @if($is_b2b) selected @endif value="1">Approved</option>
                                                            <option value="3">Partially Settlement</option>
                                                            <option value="2">Settlement</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-3" @if($is_b2b) style="display: none" @endif>
                                                        <span  class="text-muted text-sm"><b>Contract</b></span>
                                                        <select id="contract-invoice-b2b-company-id"  class="form-control rhospital_id" multiple="multiple" style="margin-top:5px;">
                                                            @foreach($companies as $company)
                                                                <option @if($is_b2b && session()->has('org_id') && session('org_id') == $company->ID) selected   @endif value="{{$company->ID}}">{{$company->COMPANY_NAME}}{{!empty($company->CLIENT_CODE)?' ('.$company->CLIENT_CODE.')':''}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <input type="hidden" id="contract-invoice-id" value="{{$invoice_id}}">


                                                </div>

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

                                </form>

                            </div>
                        </div>

                        <div class="card">

                            <!-- /.card-header -->
                            <div class="card-body">
                                <table id="contractInvoicesB2b" class="table table-bordered table-striped">
                                    <thead>
                                    <tr>
                                        <th>Invoice No</th>
                                        <th>Contract</th>
                                        <th>Invoice Serial</th>
                                        {{--<th>Amount</th>--}}
                                        <th>{{$global_symbol['vat'] ?? 'VAT'}}</th>
                                        <th>STATUS</th>
                                        <th>Invoice From</th>
                                        <th>Invoice To</th>
                                        <th>Export Details</th>
                                        <th>Total (Excluding {{$global_symbol['tax'] ?? 'TAX'}})</th>
                                        <th>Total Discount</th>
                                        <th>Taxable Total (Excluding {{$global_symbol['tax'] ?? 'TAX'}})</th>
                                        <th>Total {{$global_symbol['tax'] ?? 'TAX'}}</th>
                                        <th>Net Total</th>
                                        <th>Paid Total</th>
                                        <th>Settlement Amount</th>
                                        <th>Remaining Total</th>
{{--                                        <th>Action</th>--}}
                                    </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>

                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
            </div>
            <!-- /.container-fluid -->
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
    <div class="modal fade" id="modal-remove-invoice-samples">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Test Invoice Removal</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form id="sample-remove-form" method="post"  action="/operations/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>
                        <input type="hidden" name="remove-invoice-id" value="" />
                        <div class="col-4" style="max-width: 100%;margin-bottom: 5px;">
                            Invoice No : <b id="remove-invoice-no">1</b>
                        </div>
                        <div class="col-4" style="max-width: 100%;margin-bottom: 5px;">
                            Invoice Serial : <b id="remove-invoice-serial">137586-1</b>
                        </div>
                        <label for="invoice-amount">Comma separated test ids (ex: 12345,546213)</label>
                        <input required id="sample-ids" name="sample-ids" class="form-control" type="text" />
                    </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-danger">Remove Tests</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <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">Invoice Settlement</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form id="settle-form" method="post"  action="/operations/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>
                        <input type="hidden" id="invoice-id" name="invoice-id" value="" />
                        <div class="col-4" style="max-width: 100%;margin-bottom: 5px;">
                            Invoice No : <b id="invoice-no">1</b>
                        </div>
                        <div class="col-4" style="max-width: 100%;margin-bottom: 5px;">
                            Invoice Serial : <b id="invoice-serial">137586-1</b>
                        </div>
                        <div class="col-4" style="max-width: 100%;margin-bottom: 5px;">
                            Date From :
                            <input name="date_from_invoice" type="text" class="form-control" id="date-from-invoice" value=""/>
                        </div>
                        <div class="col-4" style="max-width: 100%;margin-bottom: 5px;">
                            Date To :
                            <input id="date-to-invoice" class="form-control"  type="text" name="date_to_invoice" value="">
                        </div>
                        <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">Settle Invoice</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade" id="modal-discount-contract-invoice">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Discount Invoice</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form id="discount-contract-invoice-form" method="post"  action="/operations/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>
                        <input type="hidden" name="discount-invoice-id" value="" />
                        <div class="col-4" style="max-width: 100%;margin-bottom: 5px;">
                            Invoice No : <b id="discount-invoice-no">1</b>
                        </div>
                        <div class="col-4" style="max-width: 100%;margin-bottom: 5px;">
                            Invoice Serial : <b id="discount-invoice-serial">137586-1</b>
                        </div>
                        <input required id="discount_amount" name="discount_amount" class="form-control" type="text" />
                    </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-danger">Discount Amount</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

@endsection

@section('footer-scripts')
    <script>

        $('.contract-invoice-from').daterangepicker({
            singleDatePicker: true,
            timePicker: true,
            timePicker24Hour: true,
            autoUpdateInput: false,
            locale: {
                format: 'YYYY-MM-DD HH:mm'
            },
        }, function(chosen_date) {
            $('.contract-invoice-from').val(chosen_date.format('YYYY-MM-DD HH:mm')).trigger("change");
        })

        $('.contract-invoice-to').daterangepicker({
            singleDatePicker: true,
            timePicker: true,
            timePicker24Hour: true,
            autoUpdateInput: false,
            locale: {
                format: 'YYYY-MM-DD HH:mm'
            },
        }, function(chosen_date) {
            $('.contract-invoice-to').val(chosen_date.format('YYYY-MM-DD HH:mm')).trigger("change");
        });
    </script>
@endsection