@extends('layouts.app')


{{-- Important Variable --}}

@php
    $permissionAssignedSale = config('recovery_roles.AssignedSales.All');
@endphp

@section('title')
    {{ $moduleName }} -> {{ $breadcrumbCurrentName }}
@stop

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

@if (!$permissionAssignedSale)
@else
    @section('content')

        <style>
            .border-box {
                background: black;
                color: white;
                margin-bottom: 0px !important;
            }

            hr {
                margin-top: 0;
                margin-bottom: 0;
            }

            .label {
                border-radius: 10px !important;
            }
        </style>
        <section class="content">
            <div class="container-fluid">


                <ol class="breadcrumb breadcrumb-col-cyan pull-left">
                    <li><a href="{{ route('dashboard') }}"><i class="material-icons">home</i> {{__('lang.home')}}</a></li>
                    <li><a href="{{ route('recovery_sales_assigned') }}"><i
                                class="{{ $breadcrumbMainIcon }}"></i>{{ $breadcrumbMainName }}</a></li>
                    <li class="active"><i class="material-icons">{{ $breadcrumbCurrentIcon }}</i>{{ $breadcrumbCurrentName }}
                    </li>
                </ol>


                <!-- Inline Layout | With Floating Label -->
                <div class="row ">
                    <!-- Branch Wise Start -->
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

                        <div class="card">
                            <div class="header bg-cyan">
                                <h2>
                                    {{__('lang.search_criteria')}}
                                </h2>
                            </div>
                            <br>
                            <div class="body">

                                <div class="row clearfix">
                                    <form class="form" id="form_validation" method="get"
                                        action="{{ route('recovery_sales_assigned') }}">

                                        {{ csrf_field() }}

                                        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area  margin-buttom-zero">
                                            <div class="form-group form-float">
                                                <div class="form-line focused" style="border: none!important;">
                                                    <select data-live-search="true" class="form-control show-tick"
                                                        name="branch_id">
                                                        <option value="">{{__('lang.select_project_name')}}</option>
                                                        <option value="0">{{__('lang.all_projects_caps')}}</option>

                                                        @if (App\Models\Branch::userProjects()->get()->count() > 0)
                                                            @foreach (App\Models\Branch::userProjects()->get() as $Branch)
                                                                <option value="{{ $Branch->id }}"
                                                                    {{ request()->get('branch_id') == $Branch->id ? 'selected' : '' }}>
                                                                    {{ $Branch->name }}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                            </div>
                                        </div>


                                        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area  margin-buttom-zero">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <select data-size="7" data-live-search="true"
                                                        class="form-control show-tick" name="customer">
                                                        <option value="0">{{__('lang.select_customer')}}</option>
                                                    </select>

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


                                        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area  margin-buttom-zero">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <select data-size="7" data-live-search="true"
                                                        class="form-control show-tick" name="block">
                                                        <option value="0">{{__('lang.select_block')}}</option>
                                                        @foreach (App\Models\Block::all() as $key => $value)
                                                            <option @if ($value->code == request()->get('block')) selected @endif
                                                                value="{{ $value->code }} ">{{ $value->name }}
                                                                ({{ $value->code }})
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area margin-buttom-zero">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input name="registration_no" type="text" class="form-control"
                                                        value="{{ !empty(request()->get('registration_no')) ? request()->get('registration_no') : '' }}">
                                                    <label class="form-label">{{__('lang.registration_no')}}</label>
                                                </div>
                                            </div>
                                        </div>

                                        


                                        {{-- <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area margin-buttom-zero">
                                        <div class="form-group form-float">
                                            <div class="form-line">
                                                <input name="mobile" type="text" class="form-control" maxlength="12"
                                                    value="{{ request()->get('mobile') }}">
                                                <label class="form-label">Customer Mobile</label>
                                            </div>
                                        </div>
                                    </div> --}}


                                      

                                        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area margin-buttom-zero">
                                            <div class="form-group form-float">
                                                <div class="form-line focused">
                                                    <select data-size="7" data-live-search="true"
                                                        class="form-control show-tick" name="floor_number">
                                                        <option value="0">{{__('lang.select_floors')}}</option>
                                                        @foreach (App\Models\Common::FLOORS() as $key => $value)
                                                            <option @if ($key == request()->get('floor_number')) selected @endif
                                                                value="{{ $key }} ">{{ $value }}</option>
                                                        @endforeach
                                                    </select>
                                                    <label class="form-label">{{__('lang.floors')}}</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area margin-buttom-zero">
                                            <div class="form-group form-float">
                                                <div class="form-line focused">
                                                    <select name="recovery_agent" data-size="7" data-live-search="true"
                                                        class="form-control show-tick"
                                                        @if (!auth()->user()->isAdmin()) disabled @endif>
                                                        <option value="">{{__('lang.select_recovery_agent')}}</option>
                                                        @foreach ($users as $user)
                                                            <option value="{{ $user->id }}"
                                                                {{ request()->get('recovery_agent') == $user->id ||(!auth()->user()->isAdmin() &&auth()->user()->id == $user->id)? 'selected': '' }}>
                                                                {{ $user->name }}</option>
                                                        @endforeach
                                                    </select>
                                                    <label class="form-label">{{__('lang.recovery_agent')}}</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area margin-buttom-zero">
                                            <div class="form-group form-float">
                                                <div class="form-line focused">
                                                    <select name="sale_status" data-size="7" data-live-search="true"
                                                        class="form-control show-tick" >
                                                        <option value="">{{__('lang.select_sale_status')}}</option>
                                                        <option  {{ request()->get('sale_status') == 'ACTIVE' ? 'selected' : '' }} value="ACTIVE">ACTIVE</option>
                                                        <option  {{ request()->get('sale_status') == 'CANCELLATION' ? 'selected' : '' }} value="CANCELLATION">CANCELLATION</option>
                                                    </select>
                                                    <label class="form-label">{{__('lang.sale_status')}}</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area margin-buttom-zero">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input name="product_id" type="text" class="form-control"
                                                        value="{{ request()->get('product_id') }}">
                                                    <label class="form-label">{{__('lang.product_id_unit_no')}}</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area margin-buttom-zero">
                                            <div class="form-group form-float">
                                                <div class="form-line focused">
                                                    <select name="due_term" data-size="7" data-live-search="true"
                                                        class="form-control show-tick">
                                                        <option value="">{{__('lang.select_due_terms')}}</option>
                                                        @foreach (range(1, 20) as $term_due)
                                                            <option value="{{ $term_due }}"
                                                                {{ request()->get('due_term') == $term_due ? 'selected' : '' }}>
                                                                {{ $term_due }}</option>
                                                        @endforeach
                                                    </select>
                                                    <label class="form-label">{{__('lang.due_terms')}}</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area margin-buttom-zero">
                                            <div class="input-daterange input-group" id="bs_datepicker_range_container">
                                                <div class="form-line">
                                                    <input value="{{ request()->get('from') }}" autocomplete="off"
                                                        name="from" type="text" class="form-control"
                                                        placeholder="From">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area margin-buttom-zero">
                                            <div class="input-daterange input-group" id="bs_datepicker_range_container1">
                                                <div class="form-line">
                                                    <input value="{{ request()->get('to') }}" autocomplete="off"
                                                        name="to" type="text" class="form-control"
                                                        placeholder="To">
                                                </div>
                                            </div>
                                        </div>


                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            <div class="form-line text-right">
                                                <input value="Search" type="submit"
                                                    class="btn btn-primary m-t-15 waves-effect">

                                                <a class="btn m-t-15 btn-default waves-effect clear"
                                                    href="javascript:void(0)" onclick="clearForm(this)">{{__('lang.clear')}}</a>


                                            </div>
                                        </div>

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

                <!-- Hover Rows -->
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="card">
                            <div class="header">
                                <a class="btn btn-xs btn-info waves-effect" href="{{ route($ParentRouteName) }}">All
                                    @if (!empty($sell_assigns))
                                        ({{ $sell_assigns->total() }})
                                    @endif
                                </a>
                            </div>

                            <form class="actionForm" action="{{ route($ParentRouteName . '.assign.user') }}"
                                method="post">

                                <div class="body table-responsive">
                                    {{ csrf_field() }}
                                    @if (count($sell_assigns) > 0)
                                        <table class="table table-hover table-bordered table-sm">
                                            <thead>
                                                <tr>

                                                    <th style="width:10%">{{__('lang.registration_no')}}</th>
                                                    <th style="width:7%">{{__('lang.project')}}</th>
                                                    <th style="width:8%">{{__('lang.customer_name')}}</th>
                                                    <th style="width:5%">{{__('lang.phones')}} </th>
                                                    <th style="width:9%">{{__('lang.product')}}</th>
                                                    <th style="width:13%">{{__('lang.details')}}</th>
                                                    <th style="width:9%">{{__('lang.payment_in_this_month')}}</th>
                                                    <th style="width:9%">{{__('lang.total_due_amount')}}</th>
                                                    <th style="width:10%">{{__('lang.recovery_agent_name')}}</th>
                                                    {{-- <th style="width:5%">{{__('lang.type')}}</th> --}}
                                                    <th style="width:5%">{{__('lang.sales_status')}}</th>
                                                    <th style="width:5%">{{__('lang.dues_details')}}</th>

                                                    <th style="width:5%">{{__('lang.option')}}</th>
                                                </tr>
                                            </thead>

                                            <tbody>
                                                @foreach ($sell_assigns as $sell_assign)
                                                    <tr>


                                                        <td>{{ $sell_assign->sell->registration_no }}</td>
                                                        <td>{{ $sell_assign->sell->branch->name }}</td>
                                                        <td>{{ $sell_assign->sell->customer->name }}</td>
                                                        <td>{{ !empty($sell_assign->sell->customer->phone) ? $sell_assign->sell->customer->phone : $sell_assign->sell->customer->overseas_phone }}</td>
                                                        <td>{{ $sell_assign->sell->product->product_unique_id }}</td>

                                                        <td>
                                                            @if ($sell_assign->sell->product->block->name)
                                                                Block :
                                                                {{ $sell_assign->sell->product->block->name ?? '-' }}
                                                                <br>
                                                            @endif

                                                            @if ($sell_assign->sell->product->floor->name)
                                                                Floor :
                                                                {{ $sell_assign->sell->product->floor->name ?? '-' }}
                                                                <br>
                                                            @endif

                                                            Size : {{ $sell_assign->sell->product->flat_size }}
                                                            {{ $sell_assign->sell->product->size_in }}
                                                        </td>
                                                        <td>
                                                            @php
                                                                $paid_class = '';
                                                                $date_class = 'dis-none';
                                                                if ($sell_assign->sell->paidThisMonth > 0) {
                                                                    $paid_class = 'label label-success';
                                                                    $date_class = 'label label-info';
                                                                }
                                                            @endphp

                                                            <span class="{{ $paid_class }}">
                                                                {{ $transaction->convert_money_format($sell_assign->paidThisMonth) ?? '0.00' }}
                                                            </span>
                                                            <br>
                                                            <span class="{{ $date_class }}">
                                                                {{ date('d-M-Y', strtotime($sell_assign->sell->last_date_of_collection)) }}
                                                            </span>
                                                        </td>
                                                        <td>
                                                            @php
                                                                $payable_amount = $sell_assign->sell->due_terms->sum('payable_amount');
                                                                $payment_received_amount = $sell_assign->sell->due_terms->sum('payment_received_amount');
                                                                $balance_amount = $payable_amount - $payment_received_amount;

                                                            @endphp
                                                            {{ $transaction->convert_money_format($balance_amount) ?? '-'}}
                                                        </td>
                                                        <td>{{ $sell_assign->sell->SellAssignRecovery->recoveryAgent->name ?? '-' }}
                                                        </td>

                                                        @php
                                                            $class = '';
                                                            if ($sell_assign->sell->status === 'ACTIVE') {
                                                                $class = 'label label-success';
                                                            } elseif ($sell_assign->sell->status === 'REACTIVATE') {
                                                                $class = 'label label-warning';
                                                            } elseif ($sell_assign->sell->status === 'BLOCKED') {
                                                                $class = 'label label-info';
                                                            } elseif ($sell_assign->sell->status === 'BUY BACK') {
                                                                $class = 'label label-primary';
                                                            } elseif ($sell_assign->sell->status === 'CANCELLATION') {
                                                                $class = 'label label-warning';
                                                            } else {
                                                                $class = 'label label-danger';
                                                            }
                                                            
                                                        @endphp
                                                        
                                                        <td><span
                                                                style="padding:5px; text-align: center font-size: 1.3rem !important"
                                                                class="{{ $class }}">{{ $sell_assign->sell->status ?? '-' }}</span> 
                                                            
                                                            @if(count($sell_assign->CurrentMonthTasks) > 0)
                                                                <br> <br>
                                                                <span class="label label-warning">Task Created</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            <button type="button" class="btn btn-danger"
                                                                value="{{ $sell_assign->sell->id }}"
                                                                onclick="getschedule(this)">
                                                                Dues ({{ $sell_assign->totalDueTerms }})
                                                            </button>
                                                        </td>


                                                        <td>
                                                            <div class="dropdown ">
                                                                <button
                                                                    class="m-b-3 btn btn-xs btn-info waves-effect dropdown-toggle"
                                                                    type="button" data-toggle="dropdown"
                                                                    id="dropdownMenuButton">
                                                                    <span class="material-icons">widgets</span>
                                                                    <span class="caret"></span>
                                                                </button>

                                                                <div class="dropdown-menu "
                                                                    aria-labelledby="dropdownMenuButton">
                                                                    <a class="waves-effect m-b-3 dropdown-item"
                                                                        href="{{ route('recovery_tasks.task.all',  $sell_assign->sells_id) }}"
                                                                        data-toggle="tooltip" data-placement="top"
                                                                        title="Task Details"> <i
                                                                            class="material-icons">list</i>
                                                                        <span>Tasks</span>
                                                                    </a>
                                                                    <a class="waves-effect m-b-3 dropdown-item"
                                                                        href="{{ route('recovery_tasks.task.createbySaleId', ['id' => $sell_assign->sells_id]) }}"
                                                                        data-toggle="tooltip" data-placement="top"
                                                                        title="Create Task"> <i
                                                                            class="material-icons">add</i>
                                                                        <span>Create
                                                                            Task</span>
                                                                    </a>

                                                                    <a class="waves-effect m-b-3 dropdown-item"
                                                                        href="{{ route('recovery_sales_unassignSale', ['sells_id' => $sell_assign->sells_id]) }}"
                                                                        data-toggle="tooltip" data-placement="top" title="UnAssign Sale"> <i class="material-icons">add</i>
                                                                        <span>UnAssign Sale</span>
                                                                    </a>
                                                                    <div class="dropdown-item" style="padding: 0;">
                                                                        <span class="dropdown-submenu"
                                                                            style="margin-left: 5px;display:block ">
                                                                            <a class="m-b-4 waves-effect test print_icon"
                                                                                style="color: rgb(35, 35, 35); padding-top: 5px;display: block;">
                                                                                <i
                                                                                    class="material-icons">picture_as_pdf</i>
                                                                                {{ App\Models\Common::pdf_generate_btn() }}<span
                                                                                    class="caret"
                                                                                    style=" margin-bottom: -3px;  "></span></a>
                                                                            <ul class="dropdown-menu pull-right custom-sell-menu-dd"
                                                                                style="top: 113px; height: 200px !important; ">

                                                                                <li><a href="{{ route('receivable_schedule.pdf', ['id' => $sell_assign->sells_id]) }}"
                                                                                        target="_blank">Statement</a></li>

                                                                                <li><a href="{{ route('sell.remindar_letter.print', ['sell_id' => $sell_assign->sells_id, 'days' => 7]) }}"
                                                                                        target="_blank">Reminder Letter 7
                                                                                        Days</a>
                                                                                </li>
                                                                                <li><a href="{{ route('sell.remindar_letter.print', ['sell_id' => $sell_assign->sells_id, 'days' => 15]) }}"
                                                                                        target="_blank">Reminder Letter 15
                                                                                        Days</a>
                                                                                </li>

                                                                                <li> <a href="{{ route('sell.cancel_sale.print', ['sell_id' => $sell_assign->sells_id]) }}"
                                                                                        target="_blank">Cancelation
                                                                                        letter</a></li>


                                                                                <li><a href="{{ route('sell.cancelled_letter.print', ['sell_id' => $sell_assign->sells_id]) }}"
                                                                                        target="_blank">Cancelled
                                                                                        Letter</a>
                                                                                </li>


                                                                            </ul>
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>



                                                        </td>



                                                    </tr>

                                                    </tr>
                                                @endforeach

                                            </tbody>

                                            <thead>
                                                <tr>
                                                    <th style="width:10%">{{__('lang.registration_no')}}</th>
                                                    <th style="width:7%">{{__('lang.project')}}</th>
                                                    <th style="width:8%">{{__('lang.customer_name')}}</th>
                                                    <th style="width:5%">{{__('lang.phones')}} </th>
                                                    <th style="width:9%">{{__('lang.product')}}</th>
                                                    <th style="width:13%">{{__('lang.details')}}</th>
                                                    <th style="width:9%"> {{__('lang.payment_in_this_month')}}</th>
                                                    <th style="width:9%">{{__('lang.total_due_amount')}}</th>
                                                    <th style="width:10%">{{__('lang.recovery_agent_name')}}</th>
                                                    {{-- <th style="width:5%">{{__('lang.type')}}</th> --}}
                                                    <th>{{__('lang.sales_status')}}</th>
                                                    <th style="width:5%">{{__('lang.dues_details')}}</th>

                                                    <th style="width:5%">{{__('lang.option')}}</th>


                                                </tr>
                                            </thead>


                                        </table>
                                    @else
                                        <div class="body table-responsive">
                                            <table class="table table-hover table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th class="text-danger text-center">{{__('lang.there_has_no_data')}}</th>
                                                    </tr>
                                                </thead>
                                            </table>
                                        </div>

                                    @endif
                                    <div class="row body">
                                        <div class=" margin-bottom-0 col-md-12 col-sm-12 col-xs-12">
                                            <div class="custom-paginate pull-right">
                                                {{ $sell_assigns->appends(request()->toArray())->links() }}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>

                        {{-- MODAL START --}}

                        <!-- Modal -->
                        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
                            aria-labelledby="exampleModalLabel" aria-hidden="true">
                            <div class="modal-dialog" role="document" style="width: 800px">
                                <div class="modal-content">
                                    <div class="modal-header">

                                    </div>
                                    <!-- Schedule Payment Start -->
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="payment-schedule-container"
                                        style="display:none">
                                        <div class="card">
                                            <div class="body">
                                                <div class="col-md-4">
                                                    <h4>{{__('lang.dues_details')}}</h4>
                                                </div>
                                                <div class="table-responsive">
                                                    <table class="table table-striped table-sm table-bordered"
                                                        id="payment-schedule-table">
                                                        <thead>
                                                            <th class="checkbox_custom_style text-center">
                                                                <input name="selectTop" type="checkbox"
                                                                    id="modal_checked" class="chk-col-cyan" />
                                                                <label for="modal_checked"></label>
                                                            </th>
                                                            <th>{{__('lang.payment_name')}}</th>
                                                            <th>{{__('lang.schedule_date')}}</th>
                                                            <th>{{__('lang.installment_type')}}</th>
                                                            <th>{{__('lang.payable_amount')}} {{$transaction->systemSettingCurrency()}}</th>
                                                            <th>{{__('lang.received_amount')}} {{$transaction->systemSettingCurrency()}}</th>
                                                            <th>{{__('lang.balance_amount')}} {{$transaction->systemSettingCurrency()}}</th>
                                                        </thead>
                                                        <tbody class="table-data">

                                                        </tbody>
                                                        <tfoot>
                                                            <tr>
                                                                <th class="checkbox_custom_style text-center">
                                                                    <input name="selectBottom" type="checkbox"
                                                                        id="modal_checked" class="chk-col-cyan" />
                                                                    <label for="modal_checked"></label>
                                                                </th>
                                                                <th>{{__('lang.payment_name')}}</th>
                                                                <th>{{__('lang.schedule_date')}}</th>
                                                                <th>{{__('lang.installment_type')}}</th>
                                                                <th>{{__('lang.payable_amount')}}  {{$transaction->systemSettingCurrency()}}</th>
                                                                <th>{{__('lang.received_amount')}}  {{$transaction->systemSettingCurrency()}}</th>
                                                                <th>{{__('lang.balance_amount')}}  {{$transaction->systemSettingCurrency()}}</th>
                                                            </tr>
                                                        </tfoot>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Schedule Payment END -->
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-success" id="make-payment">{{__('lang.make_task')}}</button>
                                        <button type="button" class="btn btn-secondary"
                                            data-dismiss="modal">{{__('lang.close')}}</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- MODAL END --}}



                    </div>
                </div>
                <!-- #END# Hover Rows -->
            </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/pages/ui/modals.js') }}"></script> --}}
        <script src="{{ loadAsset('asset/plugins/autosize/autosize.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>

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

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


        <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
        </script>

        {{-- All datagrid --}}
        <script src="{{ loadAsset('asset/js/dataTable.js') }}"></script>
        <script>
            $(document).ready(function() {
                $('.dropdown-submenu a.test').on("click", function(e) {
                    $(this).next('ul').toggle();
                    e.stopPropagation();
                    e.preventDefault();
                });
            });
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            var task_term_route = "{{ route('recovery_tasks.sale.term') }}";

            function getschedule(ev) {
                getDuePaymetScheduleOfSell(ev.value);
            }

            $("#md_checkbox_p").click(function() {
                console.log(this.checked);
                if (this.checked == true) {
                    $('input[type="hidden"]').prop('disabled', false);
                } else {
                    $('input[type="hidden"]').prop('disabled', true);
                }
                $('input:checkbox').prop('checked', this.checked);
            });

            $("#make-payment").click(function() {
                schedule_id = [];
                sells_id = $('#selected_sells_id').val();
                $('input[name="schedule_receivable_id[]"]:checked').each(function() {
                    schedule_id.push(this.value);
                });

                if (schedule_id.length == 0) {
                    toastr["error"]('Please select term');
                    return false;
                }

                console.log(sells_id);
                if (sells_id.length == 0) {
                    toastr["error"]('Please select term');
                    return false;
                }


                $.ajax({
                    type: "POST",
                    dataType: "json",
                    url: "{{ route('recovery_tasks.createbySaleIdAndScheduleId') }}",
                    data: {
                        schedule_id: schedule_id,
                        sells_id: sells_id
                    },
                    success: function(data) {
                        if (data.status == true) {
                            window.location.href =
                                `{{ url('recovery/task/create') }}?sells_id=${data.data.sells_id}&schedule_id=${JSON.stringify(data.data.schedule_id)}&type=recovery`;
                        } else {
                            toastr['error']('Please Assign Sale');
                            return false;
                        }
                    }
                });
            });

            $('#modal_checked').click(function(e) {
                var table = $(e.target).closest('table');
                $('input:checkbox', table).prop('checked', this.checked);
            });

            $(".chk-col-cyan").click(function() {
                if ($(this).is(":checked")) {
                    console.log('find', $(this).parent().parent().find('input[type="hidden"]').prop('disabled', false));
                } else {
                    console.log('find', $(this).parent().parent().find('input[type="hidden"]').prop('disabled', false));
                }

            });

            BaseController.init();

            function getDuePaymetScheduleOfSell(sells_id) {
                sells_id = sells_id;

                $.ajax({
                    type: "POST",
                    dataType: "json",
                    url: task_term_route,
                    data: {
                        sells_id: sells_id
                    },
                    success: function(data) {
                        $("#total_due_amount").val(data.total_due_amount);
                        $("#payment-schedule-container").show();
                        $("#payment-schedule-container")
                            .find(".table-data")
                            .html("");
                        var trHTML = "";
                        var balance_of_schedule = 0;
                        var payable_amount = 0;
                        var received_amount = 0;
                        $.each(data.payment_schedule, function(i, item) {
                            trHTML += `
                                            <tr id="tr_modal_${i}">
                                                <th class="text-center">
                                                <input type="hidden" id="selected_sells_id" name="selected_sells_id" value="${sells_id}">
                                                <input name="schedule_receivable_id[]" value="${item.id}"
                                                            type="checkbox" id="md_checkbox_modal_${i}"
                                                            class="chk-col-cyan selects"/>
                                                    <label for="md_checkbox_modal_${i}"></label>
                                                </th>
                                                <td> ${item.term} </td>   
                                                <td> ${item.schedule_date} </td>
                                                <td>${item.installment_repeat?? '-'}</td>    
                                                <td> ${item.payable_amount} </td>
                                                <td> ${item.received_amount} </td>
                                                <td class="balance_amount"> ${item.balance_amount} </td>                                        
                                        </tr>
                                            `;
                            balance_of_schedule += parseFloat((item.balance_amount).replace(/,/g, ''));
                            payable_amount += parseFloat((item.payable_amount).replace(/,/g, ''));
                            received_amount += parseFloat((item.received_amount).replace(/,/g, ''));
                        });
                        trHTML += `<tr>
                        <td></td>
                        <td></td>
                        <td colspan="2" class="text-right"><b>Total</b></td>
                        <td><b>${payable_amount.toLocaleString('en-US')} </b></td>
                        <td><b>${received_amount.toLocaleString('en-US')}</b></td>
                        <td><b>${balance_of_schedule.toLocaleString('en-US')} </b></td>
                        </tr>`;
                        $(".table-data").append(trHTML);
                        $("#exampleModal").modal('show');
                    }
                });
            }

            $('select[name="customer"]').select2({
                placeholder: "Select Customer",
                closeOnSelect: true,
                minimumInputLength: 2,
                ajax: {
                    url: "{{route('get-customer-ajax')}}",
                    dataType: 'json',
                    delay: 250,
                    data: function(params) {
                        return {
                            search: params.term
                        }
                    },
                    /* processResults: function (data) {
                        return {
                            results: data
                        };
                    } */
                    processResults: function (data) {
                        return {
                            results: data,
                            more: false
                        };
                    }
                    
                }
            });
        </script>
    @endpush


@endif