@extends('layouts.app')
@section('content')
<section class="content">
    <div class="container-fluid">
        <div class="px-sm-4">
            <div class="row mt-2 mt-sm-3">
                <div class="col-md-7 col-10">
                    <div class="top-head">
                        <h1>Financials</h1>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="/home">Home</a></li>
                                <li class="breadcrumb-item active" aria-current="page"> Financials</li>
                            </ol>
                        </nav>
                    </div>
                </div>
                <div class="col-md-5 col-2 text-right">
                    <div class="d-flex justify-content-end">
                        <div class="top-search-bar d-sm-block d-none mr-3">
                            <form class="search-form" role="search">
                                <div class="form-group pull-right {{ isset($search) && $search ? 'sb-search-open' : '' }}" id="searchnew">
                                    <input type="search" name="search" value="{{ $search }}" onchange="this.form.submit()" class="form-control">
                                    <span class="search-label"><img src="{{ asset('assets/img/search.svg') }}" alt="/"></span>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box-select bg-white">
                <form id="financial-filter-form">

                    <div class="row">
                        <div class="col-md-2 border-sm-right">
                            <div class="select-innerpadding">
                                <label class="select-label mb-0">Project</label>
                                <select class="form-control select2 projectFilter" name="projectFilter" id="project-select2" onchange="this.form.submit()">
                                    <option value="">Select</option>
                                    @foreach ($farmerProjects as $project)
                                    <option value="{{ $project->id }}" {{ request('projectFilter') == $project->id ? 'selected' : '' }}>
                                        {{ $project->name }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2 border-sm-right">
                            <div class="select-innerpadding">
                                <label class="select-label mb-0">Farmer</label>
                                <select class="form-control select2 farmer-filter" name="farmerFilter" id="farmer-select2" onchange="this.form.submit()">>
                                    <option value="">Select</option>
                                    @foreach ($farmers as $farmer)
                                    <option value="{{ $farmer->id }}" {{ request('farmerFilter') == $farmer->id ? 'selected' : '' }}>
                                        {{ $farmer->name }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2 border-sm-right">
                            <div class="select-innerpadding">
                                <label class="select-label mb-0">Supplier</label>
                                <select class="form-control select2 supplierFilter" name="supplierFilter" id="supplier-select2" onchange="this.form.submit()">>
                                    <option value="">Select</option>
                                    @foreach ($suppliers as $supplier)
                                    <option value="{{ $supplier->id }}" {{ request('supplierFilter') == $supplier->id ? 'selected' : '' }}>
                                        {{ $supplier->name }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2 border-sm-right">
                            <div class="select-innerpadding">
                                <label class="select-label mb-0">DDE</label>
                                <select class="form-control select2 dde-filter" name="ddeFilter" id="dde-select2" onchange="this.form.submit()">>
                                    <option value="">Select</option>
                                    @foreach ($ddeData as $dde)
                                    <option value="{{ $dde->id }}" {{ request('ddeFilter') == $dde->id ? 'selected' : '' }}>
                                        {{ $dde->name }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2 border-sm-right">
                            <div class="select-innerpadding">
                                <label class="select-label mb-0">Improvement Area</label>
                                <select class="form-control select2 improvement-filter" name="improvementFilter" id="dde-select2" onchange="this.form.submit()">
                                    <option value="">Select</option>
                                    @foreach ($improvements as $improvement)
                                    <option value="{{ $improvement->id }}" {{ request('improvementFilter') == $improvement->id ? 'selected' : '' }}>
                                        {{ $improvement->name }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="select-innerpadding">
                                <label class="select-label mb-0">Other filters</label>
                                <div class="notificationbar farmers-dropdown  ">
                                    <div data-toggle="dropdown" class="dropdown d-inline-block cursor-pointer ">
                                        Select
                                        <div class="dropdown-menu dropdown-menu-md tableaction Financial-drop notificationtab useraction-dropdown dropdown-menu-right">
                                            <div class="px-3 py-2">
                                                <div class="farmeers-dropcontent">
                                                    <h4>Due date</h4>
                                                    <div class="row mt-3">
                                                        <div class="col-md-6 col-6">
                                                            <div>
                                                                <label class="drop-label">From Date</label>
                                                                <input type="date" name="from_date" id="from-date" class="form-control drop-input" value="{{ !empty($from_date) ? $from_date : '-' }}">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-6">
                                                            <div>
                                                                <label class="drop-label">To Date</label>
                                                                <input type="date" name="to_date" id="to-date" class="form-control drop-input" value="{{ !empty($to_date) ? $to_date : '-' }}">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row mb-4">
                                                        <div class="col-md-12">
                                                            <div class="calendar-box">
                                                                <div id="calendar"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <h4>Party type</h4>
                                                    <div class="form-group mt-2">
                                                        <select class="form-control drop-input select2 party-filter" name="partyFilter" id="party-select2">
                                                            <option value="">Select</option>
                                                            <option value="farmer" @if (request()->input('partyFilter') == 'farmer') selected @endif>Farmer
                                                            </option>
                                                            <option value="supplier" @if (request()->input('partyFilter') == 'supplier') selected @endif>
                                                                Supplier</option>
                                                            <option value="dde" @if (request()->input('partyFilter') == 'dde') selected @endif>Dde
                                                            </option>
                                                            <option value="mcc" @if (request()->input('partyFilter') == 'mcc') selected @endif>Mcc
                                                            </option>
                                                        </select>
                                                    </div>
                                                    <h4>Status</h4>
                                                    <div class="form-group mt-2">
                                                        <select class="form-control drop-input select2 party-filter" name="statusFilter" id="status-select2">
                                                            <option value="">Select</option>
                                                            <option value="due" @if (request()->input('statusFilter') == 'due') selected @endif>dde
                                                            </option>
                                                            <option value="paid" @if (request()->input('statusFilter') == 'paid') selected @endif>paid
                                                            </option>
                                                            <option value="pending" @if (request()->input('statusFilter') == 'pending') selected @endif>
                                                                pending</option>
                                                        </select>
                                                    </div>

                                                    <div class="row justify-content-center mt-5 mb-2">
                                                        <div class="col-md-11">
                                                            <button class="btn save-btn  btn-block mt-4 mb-2" id="submitBtn">Apply</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="row mt-3 align-items-center">
                <div class="col-md-6 col-7">
                    <h6 class="results-foundtext mb-0">{{ $count }} Results found</h6>
                </div>
                <div class="col-md-6 col-5 text-right">
                    <a class="clear-filter" id="clear-filter">Clear Filters</a>
                </div>
            </div>
            <div class="row mt-2 mt-sm-4">
                <div class="col-md-12">
                    <div class="card financials-card p-2">
                        <div class="table-responsive mt-2">
                            <table class="table dairy-table mb-0">
                                <thead>
                                    <tr>
                                        <th>Project</th>
                                        <th>DUE DATE</th>
                                        <th>PARTY</th>
                                        <th>PARTY NAME</th>
                                        <th>PARTICULAR</th>
                                        <th>PAYABLE</th>
                                        <th>RECEIVABLE</th>
                                        <th>PAID</th>
                                        <th>STATUS</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($finanicals as $finanical)
                                    @php
                                    $previousFinancialRecord = App\Models\Financial::where('farmer_project_id', $finanical->farmer_project_id)
                                        ->where('party_type', 'Farmer')
                                        ->where('id', '<', $finanical->id)
                                        ->orderBy('id', 'desc')
                                        ->first();
                                        @endphp
                                        <tr>
                                            <td class="contact-table">{{ $finanical->farmerProject->name ?? '-' }}<br>
                                                <span>{{ $finanical->farmerProject->farmerMaster->name ?? '_' }},
                                                    {{ $finanical->farmerProject->farmerMaster->address->address ?? '_' }}</span>
                                            </td>
                                            <td>{{ $finanical->due_date }}</td>
                                            <td>{{ $finanical->party_type }}</td>
                                            <td>{{ $finanical->party_name }}</td>
                                            <td>{{ $finanical->particulars }}</td>
                                            <td>{{ App\Helpers\CommonHelper::amountConversion(@$finanical->payable_amount) }}
                                            </td>
                                            <td>
                                                @if($finanical->party_type !='farmer')
                                                {{ App\Helpers\CommonHelper::amountConversion(@$finanical->receivable_amount ) }}
                                                @else
                                                {{App\Helpers\CommonHelper::amountConversion(@$finanical->receivable_amount + @$previousFinancialRecord->emi_pending_amount)}}
                                                @endif
                                                @if( ($finanical->payment_status == \App\Helpers\ConstantHelper::DEFAULT || $finanical->payment_status == \App\Helpers\ConstantHelper::PARTIAL_PAYMENT || $finanical->payment_status == \App\Helpers\ConstantHelper::PENDING) &&  $finanical->party_type=='farmer'  &&  $finanical->emi_status ==0 && $finanical->emi_paid_amount ==0 )
                                             
                                                <span class="received-amount">
                                                    @if(@$previousFinancialRecord->emi_pending_amount !=0)
                                                    <p>{{App\Helpers\CommonHelper::amountConversion(@$finanical->receivable_amount)}} 
                                                        <span class="add-received">+</span>
                                                         <span>{{App\Helpers\CommonHelper::amountConversion(@$previousFinancialRecord->emi_pending_amount)}}</span>
                                                        </p>
                                                        @endif
                                                </span>
                                                @endif
                                            </td>
                                            <td>
                                                @if($finanical->emi_paid_amount !=0)
                                                {{App\Helpers\CommonHelper::amountConversion( $finanical->emi_paid_amount) }}
                                                @endif
                                            </td>

                                            <td width="150px" style="padding: 0px;">
                                                @php
                                                $latestPaid = App\Helpers\CommonHelper::lastPaidcheck($finanical->farmer_project_id);
                                                @endphp

                                                @if ($finanical->payment_status == \App\Helpers\ConstantHelper::PAID || $finanical->payment_status == \App\Helpers\ConstantHelper::PARTIAL_PAYMENT)
                                                <span class="currect-box"><img src="{{ asset('assets/img/new-check.svg') }}" alt=""></span>
                                                @if($latestPaid != '' && $latestPaid == $finanical->id)
                                                <img data-toggle="modal" class="cursor-pointer" data-target="#exampleModalRevert" onclick="revertPayment({{ $finanical->id }})" src="{{ asset('assets/img/turn-red.svg') }}" alt="">
                                                @endif
                                                <img src="{{asset('assets/img/info-circle.svg')}}" class="info-circleimgnew" data-toggle="modal" data-target="#financial-attachments-popup" onclick="getPaidPaymentDetails({{$finanical->id}})" alt="/">

                                                @elseif($finanical->payment_status == \App\Helpers\ConstantHelper::DUE || $finanical->payment_status == \App\Helpers\ConstantHelper::PARTIAL_PAYMENT ||  $finanical->payment_status == \App\Helpers\ConstantHelper::DEFAULT)
                                                <span>
                                                    <img src="{{ asset('assets/img/yellow-clock.svg') }}" alt="">
                                                </span>
                                                <button type="button" style="border:none; background-color:transparent;" data-toggle="modal" data-target="#exampleModal" onclick="addRemarkModal('{{ $finanical->id }}', '{{ @$finanical->receivable_amount }}' ,  '{{ @$finanical->emi_pending_amount }}' ,'{{ @$finanical->party_type }}')">
                                                    <img src="{{ asset('assets/img/newcheck-img.svg') }}" alt="">
                                                </button>
                                                @elseif($finanical->payment_status == \App\Helpers\ConstantHelper::PENDING)

                                                <button type="button" style="border:none; background-color:transparent;
                                                                cursor:not-allowed;
                                                                opacity:50%;" disabled>
                                                    <img src="{{ asset('assets/img/yellow-clock.svg') }}" alt="">
                                                    <img src="{{ asset('assets/img/newcheck-img.svg') }}" alt="">
                                                </button>
                                                @else
                                                <span class="currect-box currect-boxred">
                                                    <img src="{{ asset('assets/img/new-close.svg') }}" alt="">
                                                </span>
                                                <span>
                                                    <img src="{{ asset('assets/img/newcheck-img.svg') }}" class="cursor-pointer" data-toggle="modal" data-target="#exampleModal" onclick="addRemarkModal({{ $finanical->id }})" alt="">
                                                </span>
                                                @endif
                                            </td>
                                        </tr>
                                        @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{ $finanicals->appends(request()->input())->links('partials.pagination') }}
    </div>

    <style>
        #clear-filter {
            cursor: pointer;
        }

        #map1 {
            height: 100%;
        }

        .footer-row {
            margin-left: 118px !important;
        }
    </style>
</section>
</div>
<!-------------- financial-partials starts---------->
<!-- attachments-modal -->
@include('financial.financial-partials.attachments-modal')
<!-- attachments-modal -->

<!-- Thank you modal -->
@include('financial.financial-partials.thank-you-modal')
<!-- Thank you modal -->

<!-- Payment Revert Modal -->
@include('financial.financial-partials.payment-revert-modal')
<!-- Payment Revert Modal -->

<!-- Payment Paid Modal -->
@include('financial.financial-partials.payment-paid-modal')
<!-- Payment Paid Modal -->
<!-------------- financial-partials close---------->
</div>
@endsection

@section('scripts')
<!-- Financial JS Partial -->
@include('financial.financial-partials.financial-js-partial')
<!-- Financial JS Partial -->
@endsection