@include('admin.layouts.header')
@include('admin.layouts.sidebar')
<style>
    table{
        width: 100%;
        font-family: Arial;
    }
    .emi-form > thead > tr > th{
        font-weight: 600 !important;
    }
    h4.panel-title > a{
        font-size: 14px;
        color: #5f5a5a !important;
    }
    table.table.expo-cal > tbody > tr > td {
        padding-left: 0;
    }
</style>
<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    FLDG Dashboard
                </h3>
            </div>

        </div>
    </div>
<?php setlocale(LC_MONETARY, 'en_IN.UTF-8'); ?>
<!-- END: Subheader -->
    <div class="m-content">
        @if(Session::has('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                {{ Session::get('success') }}
            </div>
        @endif
        @if(Session::has('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                {{ Session::get('error') }}
            </div>
        @endif
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption" style="position:relative;">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon">
                            <i class="fa fa-file-text-o"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            FLDG Dashboard - {!! $merchant->merchant_name !!}
                        </h3>
                        <div style="position: absolute;right: 0;top: 10px;">
                            <input type="hidden" value="{!! $merchant->id !!}" name="merchant_id"/>
                            <div class="btn btn-primary"><a style="color: white;text-decoration: none;" href="/admin/merchant/fldg/{!! $merchant->id !!}/categories" target="_blank">Categories</a></div>
                            <div class="btn btn-primary add-deposit-en">Add Deposit / Withdrawal entries</div>
                            <div class="btn btn-primary"><a href="/admin/merchant/fldg/{!! $merchant->id !!}/export" style="color: white;text-decoration: none;">Export Data</a></div>
                            <div class="btn btn-primary" data-toggle="modal" data-target="#view-logs">View Logs</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="m-portlet__body">
                <div class="m-section">
                    <div class="m-section__content">

                        <div class="row col-md-12">
                            <div class="col-md-6">
                                <div>
                                    <table class="table">
                                        <tr>
                                            <td>Total Exposure Allowed</td><td></td><td style="color: black;">Rs. {!! $risk_exposure !!}</td>
                                        </tr>
                                        <tr>
                                            <td>Exposure Utilised</td><td></td><td style="color: black;">Rs. {!! $exposureUtilised !!}</td>
                                        </tr>
                                        <?php $pendingExposure =  $risk_exposure - $exposureUtilised; ?>
                                        <tr @if($pendingExposure <= 0) style="color: red;" @endif>
                                            <td>Pending Exposure</td><td>=</td><td @if($pendingExposure <= 0) style="color: red;" @else style="color: black;" @endif>Rs. <?php echo $pendingExposure; ?></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div>
                                    <table class="table">
                                        <tr>
                                            <td style="width: 52%;">Include auto approved cases in FLDG </td> <td><input style="position: absolute; top:16px;left: 5px;" type="checkbox" @if($merchant->auto_approve_category) checked="checked" @endif class="form-control" name="include_auto_approve_fldg"/></td>
                                        </tr>
                                        <tr class="category-fldg-drp" @if(empty($merchant->auto_approve_category)) style="display: none;" @endif>
                                            <td style="position: relative;">
                                                <select class="form-control" name="auto_approve_category">
                                                    <option value="">Select Category</option>
                                                    @foreach($categories as $category)
                                                        <option value="{!! $category->id !!}" @if($merchant->auto_approve_category == $category->id) selected @endif>{!! $category->name !!}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td><div class="btn btn-primary save-fldg-auto-approve">Save</div>
                                                <img class="im-ld-f" style="display:none;position: absolute;top: 14px;right: 202px;" src="/assets/front/img/loading.gif"/></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>

                        <div class="row col-md-12">
                            <div class="col-md-6" style="border-right-color: whitesmoke;border-right-style: solid;">
                                <table class="table">
                                    <tr>
                                        <td>
                                            <div style="text-align: center;font-weight: 700;">FLDG Summary</div>
                                            <div style="width: 450px;overflow: auto;">
                                                <table class="table">
                                                    <tr>
                                                        <td></td>@foreach($categories as $category)<td>{!! $category->name !!}</td>@endforeach
                                                    </tr>
                                                    <tr>
                                                        <td>Total Exposure Allowed</td>@foreach($categories as $category)<td>Rs. {!! $FLDGSummary[$category->id]['risk_exposure'] or '0' !!}</td>@endforeach
                                                    </tr>
                                                    <tr>
                                                        <td>Less: Total Utilised Exposure</td>@foreach($categories as $category)<td>Rs. {!! $responseExposureUtilised[$category->id]['exposureUtilised'] or '0' !!}</td>@endforeach
                                                    </tr>
                                                    <tr>
                                                        <td>Available Exposure</td>@foreach($categories as $category)<td>Rs. <?php $_risk_exposure = isset($FLDGSummary[$category->id]['risk_exposure']) ? $FLDGSummary[$category->id]['risk_exposure'] : 0; $_responseExposureUtilised = isset($responseExposureUtilised[$category->id]['exposureUtilised']) ? $responseExposureUtilised[$category->id]['exposureUtilised'] : 0;  echo $_risk_exposure - $_responseExposureUtilised; ?></td>@endforeach
                                                    </tr>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-md-6">
                                <table class="table">
                                    <tr>
                                        <td>
                                            <div style="text-align: center;font-weight: 700;">Categories</div>
                                            <div style="height: 318px;overflow: auto;">
                                                <table class="table">
                                                    <tr>
                                                        <td>Category Name</td><td>% of FLDG</td>
                                                    </tr>
                                                    @foreach($categories as $category)
                                                        <tr>
                                                            <td>{!! $category->name !!}</td><td>{!! $category->fldg !!}%</td>
                                                        </tr>
                                                    @endforeach
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        <hr>

                        <div class="row col-md-12">
{{--                            <div class="col-md-8" style="border-right-color: whitesmoke;border-right-style: solid;">--}}
                                <table class="table">
                                    <tr>
                                        <td>
                                            <div style="text-align: center;font-weight: 700;">Exposure Calculation</div>
                                            <table class="table">
                                                <tr>
                                                    <td>Date of FLDG transaction</td>
                                                    <td>Category of FLDG</td>
                                                    <td>Amount Deposited / Withdrawn <br><span style="font-size: 10px">(To be entered by Arpita Madam)</span></td>
                                                    <td>% of FLDG <br><span style="font-size: 10px">(Agreed by BD Team and merchant) (To be entered by BD Team)</span></td>
                                                    <td>Exposure Allowed</td>
                                                    <td>Type of FLDG</td>
                                                    <td>Narration</td>
                                                </tr>
                                                @foreach($exposureCalculation as $exposureCalculationItem)
                                                    @if($exposureCalculationItem->category)
                                                <tr>
                                                    <td>{!! $exposureCalculationItem->date_of_transaction !!}</td>
                                                    <td>{!! $exposureCalculationItem->category->name !!}</td>
                                                    <td>Rs. {!! $exposureCalculationItem->amount !!} (<?php echo $exposureCalculationItem->type_of_transaction == 1 ? 'Deposit' : 'Withdrawal'; ?>)</td>
                                                    <td>{!! $exposureCalculationItem->category->fldg !!}%</td>
                                                    <td>{!! $exposureCalculationItem->risk_exposure !!}</td>
                                                    <td>
                                                        @switch ($exposureCalculationItem->type_of_fldg)
                                                            @case(1)
                                                                <?php echo 'Liquid' ?>
                                                                @break
                                                            @case(2)
                                                                <?php echo 'Liability Hold' ?>
                                                                @break
                                                            @case(3)
                                                                <?php echo 'Bank Guarantee/FD Lien' ?>
                                                                @break
                                                        @endswitch
                                                    </td>
                                                    <td>
                                                        {!! $exposureCalculationItem->narration !!}
                                                        @if($exposureCalculationItem->type_of_fldg == 2 && isset($merchant->id))
                                                            <a href="/admin/merchant/fldg/{!! $merchant->id !!}/export-liability-hold">Click Here</a> to check the cases
                                                        @endif
                                                    </td>
                                                </tr>
                                                    @endif
                                                @endforeach
                                            </table>
                                        </td>
                                    </tr>
                                </table>
{{--                            </div>--}}
                        </div>

                        <hr>

                        <div class="row col-md-12">
{{--                            <div class="col-md-4">--}}
                                <table class="table">
                                    <tr>
                                        <td>
                                            <div style="text-align: center;font-weight: 700;">Principal outstanding tracking</div>
                                            <table class="table">
                                                <tr>
                                                    <td>Application ID</td><td>Name of customer</td><td>Disbursement Date</td><td>FLDG Category</td><td>Principal Outstanding</td>
                                                </tr>
                                                @if(isset($applications))
                                                @foreach($applications as $application)
                                                <tr>
                                                    <td>{!! $application->id !!}</td><td>{{ ucwords($application->name) }}</td><td>{!! $application->disbursed->created_at or '-' !!}</td><td>{!! $application->proFormaInvoice->fldg_category->name or '-' !!}</td><td>{!! $application->principal_outstanding or '0' !!}</td>
                                                </tr>
                                                @endforeach
                                                @endif
                                            </table>
                                        </td>
                                    </tr>
                                </table>
{{--                            </div>--}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="view-logs" role="dialog">
    <div class="modal-dialog modal-lg" style="max-width:500px !important;">
        <div class="modal-content">
            <div class="modal-header" style="display: inline-block !important;">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Logs</h4>
            </div>
            <div class="modal-body">
                <table class="table">
                    <tr>
                        <td>Action</td><td>Category</td><td>FLDG</td><td>By</td><td>Date</td>
                    </tr>
                    @foreach($categoriesLogs as $category)
                        <tr>
                            <td>{!! $category->action !!}</td><td>{!! $category->name !!}</td><td>{!! $category->fldg !!}%</td><td>{!! $category->user->name or '-' !!}</td><td>{!! $category->created_at !!}</td>
                        </tr>
                    @endforeach
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="add-deposit-en" role="dialog">
    <div class="modal-dialog modal-lg" style="max-width:500px !important;">
        <div class="modal-content">
            <div class="modal-header" style="display: inline-block !important;">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Add FLDG Deposit / Withdrawal entry</h4>
            </div>
            <div class="modal-body">
                <table>
                    <tr>
                        <td>Date of Transaction</td> <td><input type="text" class="form-control" placeholder="Date of Transaction" name="date_of_transaction" id="date_of_transaction"/></td>
                    </tr>

                    <tr>
                        <td>Type of Transaction</td>
                        <td><select class="form-control" name="type_of_transaction">
                                <option value="1">Deposit</option>
                                <option value="2">Withdrawal</option>
                            </select></td>
                    </tr>

                    <tr>
                        <td>Type of FLDG</td>
                        <td><select class="form-control" name="type_of_fldg">
                                <option value="1">Liquid</option>
                                <option value="2">Liability Hold</option>
                                <option value="3">Bank Guarantee/FD Lien</option>
                            </select></td>
                    </tr>

                    <tr>
                        <td>Narration</td> <td><input type="text" class="form-control" placeholder="Narration" name="narration"/></td>
                    </tr>

                    <tr>
                        <td>Category of FLDG</td> <td><select class="form-control" name="categories">
                                @if(count($categories) > 1)
                                <option>Select Category</option>
                                @endif
                                @foreach($categories as $category)
                                    <option data-fldg="{!! $category->fldg !!}" value="{!! $category->id !!}">{!! $category->name !!}</option>
                                @endforeach
                            </select></td>
                    </tr>

                    <tr>
                        <td>Amount</td> <td><input type="text" class="form-control" placeholder="Amount" name="amount"/></td>
                    </tr>

                    <tr>
                        <td>% FLDG</td> <td><input type="text" disabled="" readonly="" class="form-control" value="@if(count($categories) == 1) {!! $categories[0]->fldg !!} @endif" placeholder="% FLDG" name="fldg"/></td>
                    </tr>
                    <tr>
                        <td colspan="3" style="padding-bottom: 36px;">
                            <div style="float: right;" class="btn btn-primary calculate-expo">Calculate Risk Exposure</div>
                            <div class="calculate-expo-err" style="color: darkred;"></div>
                        </td>
                    </tr>
                    <tr>
                        <td>Risk Exposure</td> <td><input type="text" disabled="" readonly="" class="form-control" value="0" name="risk_exposure"/></td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <img class="im-ld-i" style="display: none;" src="/assets/front/img/loading.gif"/>
                <button type="button" class="btn btn-primary" id="confirm-make-entry">Confirm & Make Entry</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
@include("admin.layouts.footer")

<script>

    $(".save-fldg-auto-approve").click(function(){

        let user_id = '<?php echo \Illuminate\Support\Facades\Auth::user()->id; ?>';
        let _token = '<?php echo csrf_token(); ?>';
        let id = $("input[name='merchant_id']").val();

       if ($("input[name='include_auto_approve_fldg']").is(":checked")){
           let auto_approve_category = $("select[name='auto_approve_category'] option:selected").val();
           if (auto_approve_category.length){
               $(".im-ld-f").css({'display':'inline-block'});

               $.ajax({
                   type: 'POST',
                   url: "/admin/merchant/fldg/save-auto-approve-category",
                   data: {
                       _token: _token,
                       merchant_id: id,
                       user_id:user_id,
                       auto_approve_category:auto_approve_category,
                   },
                   dataType: "JSON",
                   success: function (response) {
                       $(".im-ld-f").css({'display': 'none'});
                       alert(response.message)
                   }
               });
           }else{
               alert('Please select category');
           }
       }
    });

    $("input[name='include_auto_approve_fldg']").click(function() {
        if($(this).is(":checked")) {
            $(".category-fldg-drp").css({display: 'block'});
        } else {
            let user_id = '<?php echo \Illuminate\Support\Facades\Auth::user()->id; ?>';
            let _token = '<?php echo csrf_token(); ?>';
            let id = $("input[name='merchant_id']").val();

            $(".category-fldg-drp").css({display: 'none'});
            if (window.confirm('Do you want to disable this?')) {
                $(".im-ld-f").css({'display':'inline-block'});

                $.ajax({
                    type: 'POST',
                    url: "/admin/merchant/fldg/save-auto-approve-category",
                    data: {
                        _token: _token,
                        merchant_id: id,
                        user_id:user_id
                    },
                    dataType: "JSON",
                    success: function (response) {
                        $(".im-ld-f").css({'display': 'none'});
                        alert(response.message)
                    }
                });
            }
        }
    });


    $(".calculate-expo").click(function(){
        let amount = $("input[name='amount']").val();
        let fldg = $("input[name='fldg']").val();

        if (amount.length == 0 || amount == 0 || fldg.length == 0){
            $(".calculate-expo-err").html('Input is missing');
            return false;
        }

        let risk_exposure = parseFloat(amount)*100 / fldg;
        $("input[name='risk_exposure']").val(risk_exposure.toFixed(2));
    });

    $(".add-deposit-en").click(function () {
        $("#add-deposit-en").modal('show');
    });

    $("select[name='categories']").change(function(){
        if($(this).find('option:selected').val()){
            $("input[name='fldg']").val($(this).find('option:selected').attr('data-fldg'));
        }else{
            $("input[name='fldg']").val('');
        }
    });


    if ($("#date_of_transaction").length > 0) {
        $("#date_of_transaction").datepicker({
            showOn: "button",
            dateFormat: "yyyy-mm-dd",
            todayHighlight: true,
        });
        $('#date_of_transaction').on('changeDate', function (ev) {
            $(this).datepicker('hide');
        });
    }


    $("#confirm-make-entry").click(function () {

        $(".calculate-expo").trigger('click');

        let event = $(this);
        let date_of_transaction = $("input[name='date_of_transaction']").val();
        let type_of_transaction = $("select[name='type_of_transaction'] option:selected").val();
        let type_of_fldg = $("select[name='type_of_fldg'] option:selected").val();
        let narration = $("input[name='narration']").val();
        let category = $("select[name='categories'] option:selected").val();
        let amount = $("input[name='amount']").val();
        let fldg = $("input[name='fldg']").val();
        let risk_exposure = $("input[name='risk_exposure']").val();

        if(date_of_transaction.length && type_of_transaction.length && category.length && amount.length && fldg.length && risk_exposure.length) {
            $(".im-ld-i").css({'display':'inline-block'});
            let id = $("input[name='merchant_id']").val();
            var user_id = '<?php echo \Illuminate\Support\Facades\Auth::user()->id; ?>';
            var name = '<?php echo \Illuminate\Support\Facades\Auth::user()->name; ?>';
            let _token = '<?php echo csrf_token(); ?>';

            $.ajax({
                type: 'POST',
                url: "/admin/merchant/fldg/exposure-calculation",
                data: {
                    _token: _token,
                    merchant_id: id,
                    date_of_transaction: date_of_transaction,
                    type_of_transaction: type_of_transaction,
                    type_of_fldg: type_of_fldg,
                    narration: narration,
                    category_id: category,
                    amount: amount,
                    fldg: fldg,
                    user_id:user_id,
                    name:name,
                    risk_exposure: risk_exposure
                },
                dataType: "JSON",
                success: function (response) {
                    if (response.status == 'OK') {
                        $("#add-deposit-en").modal('hide');
                        location.reload(true);
                    } else {
                        $(".view-error-cate").text(response.message);
                    }

                    $(".im-ld-i").css({'display': 'none'});
                    event.removeClass('disabled')
                }
            });
        }else{
            alert('Please enter the complete details');
        }
    });
</script>