@extends('layouts.app')

{{-- Important Variables --}}

@section('title')
    Purchase Order Settlements
@stop

@section('top-bar')
    @include('includes.top-bar')
@stop
@section('left-sidebar')
    @include('includes.left-sidebar')
@stop
@section('content')

    @php

    @endphp


    <style>
        table .dropdown-menu {
            left: 0px !important;
        }

        .black-bg {
            background: #24576a !important;
            color: #ffffff !important;
        }

        /* .datepicker.datepicker-dropdown.dropdown-menu {
        margin-top: 0 !important;
    } */
        /* table .dropdown-menu {
        left: 740px !important;
        margin-top: 250px !important;
    } */
    </style>

    <section class="content">
        <div class="header">
            <h2 class="text-center">{{ __('lang.preview') }} Settlement</h2>
        </div>
        <br>
        <div class="container-fluid">
            <!-- Inline Layout | With Floating Label -->
            <div class="row clearfix">
                <!-- Income Expense Head  Wise Start -->
                <form action="{{ route('settlement.update') }}" method="post" id="form-po">
                    <input type="hidden" value="{{ $settlement->id }}" name="settlement_id">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <div class="card">
                            <div class="header bg-cyan">
                                <h2>Details</h2>
                            </div>
                            <br>
                            <div class="body">
                                <div style="background-color: #fff !important;">

                                    <div class="row">
                                        <div class="col-md-12">
                                            @include('admin.partials.officialUnofficial',[
                                                'data'=>[
                                                    'branch_id'     => $settlement->branch_id,
                                                    'is_official'   => $settlement->is_official,
                                                    'type'          =>'purchase_orders',
                                                ]])
                                        </div>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="col-md-6">
                                            <h4>Vendor Name:
                                                {{ App\Models\Common::showHeads(App\Models\IncomeExpenseHead::where('id', $settlement->vendor_id)->vendor()->first()) }}
                                            </h4>
                                        </div>
                                        <div class="col-md-6">
                                            <h4>Settlement ID: {{ $settlement->voucher_no }}</h4>
                                        </div>
                                        <div class="col-md-6">
                                            <h4>Made On: {{ $settlement->created_at->format('d-M-Y') }}</h4>
                                        </div>
                                        <div class="col-md-6">
                                            <h4>Created By: {{ $settlement->created_by }}</h4>
                                        </div>

                                        <div class="col-md-12 ">
                                            <a href="{{ url()->previous() }}" class="btn btn-default">
                                                BACK
                                            </a>
                                            <a href="{{ route('settlement.edit', ['id' => $settlement->id]) }}"
                                                class="btn btn-primary">
                                                EDIT
                                            </a>
                                        </div>
                                    </div>
                                </div>

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

                    <!-- @csrf -->
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="settlement-container">

                        <div class="card">
                            <div class="header">
                                @php
                                    $type = $settlement->voucher_type;
                                    $voucher = 'Payment Voucher';
                                    if($type == 'RV')
                                    {
                                        $voucher = 'Receipt Voucher';
                                    }
                                @endphp
                               
                                <h4>{{$voucher}}</h4>
                            </div>
                            <br>
                            <div class="body">
                                <div class="table-responsive">
                                    <table class="table table-hover table-bordered table-sm">
                                        <thead>
                                            <tr>
                                                <th data-toggle="tooltip" data-placement="top"title="S No" style="width: 5%"
                                                    class="black-bg">S No</th>
                                                <th data-toggle="tooltip" data-placement="top"title="Payment Voucher"
                                                    style="width: 18%" class="black-bg">Voucher No</th>
                                                <th data-toggle="tooltip" data-placement="top" title="Mode Of Payment"
                                                    class="black-bg">Mode Of Payment</th>
                                                <th data-toggle="tooltip" data-placement="top" title="Total Amount"
                                                    class="black-bg">Total {{ $transaction->systemSettingCurrency() }}</th>
                                                <th data-toggle="tooltip" data-placement="top" title="Paid Amount"
                                                    class="black-bg">Paid Amount
                                                    {{ $transaction->systemSettingCurrency() }}</th>
                                                <th data-toggle="tooltip" data-placement="top" title="Balance Amount"
                                                    class="black-bg">Balance Amount
                                                    {{ $transaction->systemSettingCurrency() }}</th>
                                                <th data-toggle="tooltip" data-placement="top" title="Status"
                                                    class="black-bg">Status</th>
                                                <!-- <th data-toggle="tooltip" data-placement="top" title="Current Amount" class="black-bg">Current {{ $transaction->systemSettingCurrency() }}</th> -->
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if($type == 'PV')
                                                @foreach ($settlement['pvItems'] as $key => $pvItem)
                                                    <tr id="tr_{{ $key }}">
                                                        <td>{{ $key + 1 }}</td>
                                                        <td> <a
                                                                href="{{ route('payment_voucher.edit', $pvItem->paymentVoucher->id) }}">
                                                                {{ $pvItem->paymentVoucher->pv_no }}</a>
                                                            <input class="form-control pv_id"
                                                                value="{{ $pvItem->payment_voucher_id }}" name="pv_id[]"
                                                                style="display:none" />
                                                        </td>
                                                        <td> {{ ucfirst($pvItem->paymentVoucher->mode_of_payment) }} </td>
                                                        <td>
                                                            {{ $transaction->convert_money_format($pvItem->total_amount) }}
                                                        </td>
                                                        <td>
                                                            {{ $transaction->convert_money_format($pvItem->paid_amount) }}
                                                        </td>
                                                        <td>
                                                            {{ $transaction->convert_money_format($pvItem->total_amount - $pvItem->paid_amount) }}
                                                        </td>
                                                        <td>
                                                            {{ $pvItem->paymentVoucher->settlement_status }}
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @else
                                                @foreach ($settlement['rvItems'] as $key => $rvItem)
                                                    <tr id="tr_{{ $key }}">
                                                            <td>{{$key + 1}}</td>
                                                            <td> <a href="{{route('actual_payment.edit', ['id'=>$rvItem->receiptVoucher->id,'sell_id'=>$rvItem->receiptVoucher->sells_id])}}"> {{ $rvItem->receiptVoucher->receipt_no }}</a>
                                                            <input class="form-control rv_id" value="{{ $pvItem->receipt_voucher_id }}" name="rv_id[]" style="display:none" />
                                                            </td>   
                                                            <td> {{ ucfirst($rvItem->receiptVoucher->made_of_payment) }} </td>
            
                                                            <td> 
                                                                {{ $transaction->convert_money_format($rvItem->total_amount) }}
                                                            </td>
                                                            <td>
                                                                {{ $transaction->convert_money_format($rvItem->paid_amount) }}
                                                            </td>
                                                            <td>
                                                                {{ $transaction->convert_money_format(($rvItem->total_amount - $rvItem->paid_amount)) }}
                                                            </td>
                                                            <td> 
                                                                {{ $rvItem->receiptVoucher->settlement_status }}
                                                            </td>
                                                        </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                        {{-- <tbody class="receipt-vouchers">
                                       
                                    </tbody> --}}
                                    </table>
                                </div>

                                @php
                                    $total_amount = $settlement['pvItems']->sum('paid_amount');
                                    if($type == 'RV')
                                    {
                                        $total_amount = $settlement['rvItems']->sum('paid_amount');
                                    }
                                @endphp

                                <div class="card" style="background-color:#24576a !important;padding-top: 1px;">
                                    <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10"
                                        style="border-right: 2px solid white;">
                                        <div style="border-bottom:none;color:#fff">
                                            <h5 class="pull-right">Total {{$type}} {{ $transaction->systemSettingCurrency() }}
                                            </h5>
                                        </div>
                                    </div>
                                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"
                                        style="padding-top: 4px;font-weight: 600;font-size: 16px;">
                                        <div style="border-bottom:none;color:#fff">
                                            <div class="pull-right">PKR <span
                                                    id="totalPVAmount">{{ $transaction->convert_money_format($total_amount) }}</span>
                                            </div>
                                            <input value="{{ $total_pv_amount }}" type="hidden" name="total_pv_amount"
                                                autocomplete="off">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="settlement-container">
                        <div class="">
                            <div class="card">
                                <div class="header">
                                    <h4>Purchase Orders</h4>
                                </div>
                                <br>
                                <div class="body">
                                    <div class="table-responsive">
                                        <table class="table table-hover table-bordered table-sm">
                                            <thead>
                                                <tr>
                                                    <th data-toggle="tooltip" data-placement="top"title="S No"
                                                        style="width: 5%" class="black-bg">S No</th>
                                                    <th data-toggle="tooltip" data-placement="top"title="Purchase Voucher"
                                                        style="width: 18%" class="black-bg">Voucher No</th>
                                                    <th data-toggle="tooltip" data-placement="top" title="Project"
                                                        class="black-bg">Project</th>
                                                    <th data-toggle="tooltip" data-placement="top" title="Total Amount"
                                                        class="black-bg">Total {{ $transaction->systemSettingCurrency() }}
                                                    </th>
                                                    <th data-toggle="tooltip" data-placement="top" title="Paid Amount"
                                                        class="black-bg">Paid Amount
                                                        {{ $transaction->systemSettingCurrency() }}</th>
                                                    <th data-toggle="tooltip" data-placement="top" title="Balance Amount"
                                                        class="black-bg">Balance Amount
                                                        {{ $transaction->systemSettingCurrency() }}</th>
                                                    <th data-toggle="tooltip" data-placement="top" title="Status"
                                                        class="black-bg">Status</th>
                                                    <!-- <th data-toggle="tooltip" data-placement="top" title="Current Amount" class="black-bg">Current {{ $transaction->systemSettingCurrency() }}</th> -->
                                                </tr>
                                            </thead>
                                            <tbody class="purchase-orders">
                                                @foreach ($settlement['poItems'] as $key => $poItem)
                                                    @php

                                                        $po_amount = $poItem->purchaseOrder->totalPOAmount;
                                                        $paid_amount = $poItem->purchaseOrder->PaymentVoucher->sum('amount') + $poItem->purchaseOrder->po_settlements->sum('paid_amount');
                                                        $balance_amount = $po_amount - $paid_amount;

                                                        // dd($po_amount,$poItem->purchaseOrder->PaymentVoucher->sum('amount'),$poItem->purchaseOrder->po_settlements->sum('paid_amount'));

                                                    @endphp
                                                    <tr id="tr_{{ $key }}">
                                                        <td>{{ $key + 1 }}</td>
                                                        <td> <a href="{{ route('purchase_order.edit', $poItem->id) }}">
                                                                {{ $poItem->purchaseOrder->purchase_id }} </a> </td>
                                                        <td> {{ $poItem->purchaseOrder->branch->name }} </td>
                                                        <td>
                                                            {{ $transaction->convert_money_format($poItem->total_amount) }}
                                                        </td>
                                                        <td>
                                                            {{ $transaction->convert_money_format($poItem->paid_amount) }}
                                                        </td>
                                                        <td>
                                                            {{ $transaction->convert_money_format($balance_amount) }}
                                                        </td>
                                                        <td>
                                                            {{ $poItem->purchaseOrder->payment_status }}
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="card" style="background-color:#24576a !important;padding-top: 1px;">
                                        <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10"
                                            style="border-right: 2px solid white;">
                                            <div style="border-bottom:none;color:#fff">
                                                <h5 class="pull-right">Total PO
                                                    {{ $transaction->systemSettingCurrency() }}</h5>
                                            </div>
                                        </div>

                                        @php
                                            $total_po_amount = $settlement['poItems']->sum('paid_amount');
                                        @endphp
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"
                                            style="padding-top: 4px;font-weight: 600;font-size: 16px;">
                                            <div style="border-bottom:none;color:#fff">
                                                <div class="pull-right">PKR <span
                                                        id="totalPOAmount">{{ $transaction->convert_money_format($total_po_amount) }}</span>
                                                </div>
                                                <input value="{{ $total_po_amount }}" type="hidden"
                                                    name="total_po_amount" autocomplete="off">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
    </section>
@stop

@push('include-css')
    <!-- Colorpicker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css') }}" rel="stylesheet" />

    <!-- Dropzone Css -->
    <link href="{{ loadAsset('asset/plugins/dropzone/dropzone.css') }}" rel="stylesheet">

    <!-- Multi Select Css -->
    <link href="{{ loadAsset('asset/plugins/multi-select/css/multi-select.css') }}" rel="stylesheet">

    <!-- Bootstrap Spinner Css -->
    <link href="{{ loadAsset('asset/plugins/jquery-spinner/css/bootstrap-spinner.css') }}" rel="stylesheet">

    <!-- Bootstrap Tagsinput Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css') }}" rel="stylesheet">

    <!-- Bootstrap Select Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-select/css/bootstrap-select.css') }}" rel="stylesheet" />

    <!-- Bootstrap Material Datetime Picker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css') }}"
        rel="stylesheet" />

    <!-- Bootstrap DatePicker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-datepicker/css/bootstrap-datepicker.css') }}" rel="stylesheet" />

    <!-- noUISlider Css -->
    <link href="{{ loadAsset('asset/plugins/nouislider/nouislider.min.css') }}" rel="stylesheet" />

    <!-- Sweet Alert Css -->
    <link href="{{ loadAsset('asset/plugins/sweetalert/sweetalert.css') }}" rel="stylesheet" />
@endpush

@push('include-js')
    <script src="{{ loadAsset('asset/js/dataTable.js') }}"></script>

    <!-- Moment Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/momentjs/moment.js') }}"></script>

    <!-- Bootstrap Material Datetime Picker Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js') }}">
    </script>

    <!-- Bootstrap Datepicker Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js') }}"></script>

    <!-- Sweet Alert Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/sweetalert/sweetalert.min.js') }}"></script>

    <!-- Autosize Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/autosize/autosize.js') }}"></script>

    <script src="{{ loadAsset('asset/js/pages/forms/basic-form-elements.js') }}"></script>

    <script>
        @if (Session::has('success'))
            toastr["success"]('{{ Session::get('success') }}');
        @endif

        @if (Session::has('error'))
            toastr["error"]('{{ Session::get('error') }}');
        @endif

        @if ($errors->any())
            @foreach ($errors->all() as $error)
                toastr["error"]('{{ $error }}');
            @endforeach
        @endif
        var payment_vouchers_route = "{{ route('settlement.get-vendor-payment_vouchers') }}";
        var receipt_vouchers_route = "{{ route('settlement.get-vendor-receipt_vouchers') }}";
        var purchase_orders_route = "{{ route('settlement.get-vendor-orders') }}";
    </script>

    <script src="{{ loadAsset('asset/js/custom/po_settlement.js') }}"></script>
@endpush