@extends('layouts.app')

 
@php

	if($action == 'create'){
		$form_action            = route($parentRouteName.'.store');
		$createItemName         = __('lang.create') ." " .$moduleName;
		$breadcrumbCurrentName  = __('lang.create');
		$submit_button_text     = __('lang.save');

	}
	else if($action == 'edit'){
		$form_action            = route($parentRouteName.'.update',$employee_loan->id);
		$createItemName         = __('lang.edit') ." " . $moduleName;
		$breadcrumbCurrentName  = __('lang.edit');
		$submit_button_text     =  __('lang.update');

	}

	$breadcrumbCurrentIcon  = "add_box";

@endphp

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

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



<style>
    	.total_labels{
			color: white;
		}

</style>

    <section class="content">
        <div class="container-fluid">
            <div class="block-header pull-right">                
                <a class="btn btn-sm btn-info waves-effect" href="{{ url()->previous() }}">{{__('lang.back')}}</a>
            </div>

			@include('admin.partials.breadcrumbs')

            

            <!-- Inline Layout | With Floating Label -->
            <div class="row clearfix">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="card">
                        <div class="header">
                            <h2>
                                {{ $createItemName  }} @if($action == 'edit') {{ $employee_loan->code }} @endif
                            </h2>
                            <br>
                            <div class="body">
                                <form class="form" id="form_validation" method="post" action="{{ $form_action }}">
									@csrf
                                    
                                <div class="row">

                                     @include('layouts.components.select_field', [
                                            'col'           => 4,
                                            'name'          => 'employee_id',
                                            'options'       =>  $employees,
                                            'default_option'=> __('lang.select_employee'),
                                            'label' 		=> __('lang.employee'),
                                            'selectedValue' => $employee_loan->employee_id,
                                            'readOnlyField' => $action == 'edit' ? true : false,
                                            'labelClass'	=> 'required',
                                            'parent_class'  => ($action == 'edit') ? 'readOnlyField' : '',
                                        ])

                                        @include('layouts.components.date_field', [
                                            'col'   		=> 4,
                                            "name"  		=> "loan_date",
                                            "label" 		=> __('lang.loan_date'),
                                            'value' 		=> $transaction->form_date_format($employee_loan->loan_date),
                                            'labelClass'	=> 'required',
                                        ])
                                          

                                            @include('layouts.components.input_field',
                                            [
                                                'col'   		=> 4,
                                                'type'          => 'number',
                                                'name'  		=> 'amount',
                                                'label' 		=> __('lang.amount'),
                                                'focused'      	=> true,
                                                'readOnlyField' => $action == 'edit' ? true : false,
                                                'value'         => $employee_loan->amount,
                                                'labelClass'	=> 'required',
                                        
                                            ])

                                            @include('layouts.components.input_field',
                                            [
                                                'col'   		=> 12,
                                                'type'          => 'text',
                                                'name'  		=> 'remarks',
                                                'label' 		=> __('lang.remarks'),
                                                'focused'      	=> true,
                                                'value'         => $employee_loan->remarks,
                                                'labelClass'	=> 'required',
                                        
                                            ])
                                           
 


                                </div>
                                        
                               
                                <div class="row">
 

                                        <div class="loan_schedule">
                                           
                                                <div class="col-md-12" >
                                                    <legend>Loan Schedule</legend>

                                                    <table class=" table table-bordered " @if($action=='edit') style="display: none" @endif>
                                                    <thead>
                                                        <tr>
                                                            <th>Starting Date</th>
                                                            <th>Payable Amount Per Installment</th>
                                                            <th>Repeat By</th>
                                                            <th style="width: 100px">Action</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            
                                                            <td>
                                                             <input  type="text" class="form-control installment_date" placeholder=" Starting Date" readonly   >

                                                               
                                                            </td>
                                                            <td>
                                                                
                                                                <input class="form-control installment_payable_amount" type="number"  name="set_schedule_amount" placeholder="Amount">
                                                                
                                                            </td>

                                                            @php
                                                                $repeats = [
                                                                    '1'=>'Monthly',
                                                                    // '2'=>'Bi Monthly',
                                                                    // '3'=>'Quarterly',
                                                                    // '6'=>'Half Yearly',
                                                                    '12'=>'Annually',
                                                                    ];
                                                            @endphp

                                                            <td>
                                                                <select class="form-control select2 installment_type" name="installment_type" >
                                                                    <option value="0" >Repeat By</option>
                                                                    @foreach( $repeats as $m => $repeat )
                                                                    <option  value="{{ $m }}">{{ $repeat }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </td>
                                                            <td>
                                                                <button type="button" class="btn btn-primary waves-effect" onclick="createInstallment()">
                                                                    <span>Generate Schedule</span>
                                                                </button>
                                                            </td>
                                                        </tr>

                                                    </tbody>

                                                </table>

                                                <table class="table table-bordered installment_table" style="margin-top: 35px;display: none;">
                                                    <thead>
                                                        <tr>
                                                            <tr>
                                                                <th style="width: 3%">No. of Installments</th>
                                                                <th style="width: 4%">Installment Date</th>
                                                                <th style="width: 4%">Installment Repeat</th>
                                                                <th style="width: 3%">Payable Amount</th>
                                                                {{-- <th style="width: 3%">Action</th> --}}
                                                            </tr>
                                                        </tr>
                                                    </thead>
                                                    <tbody class="add_installment_table">

                                                    </tbody>

                                                     <tbody id="previous_installment_table">

                                                    </tbody>
                                                </table>
                                                    
                                                </div>
                                            </div>

                                </div>

                                
                                <div class="row">
                                    <div class="col-md-12" style="padding:0; margin-top:10px;">
                                        <div class="card" style="background-color:#24576A !important; padding-top: 2px;">
                                           
                                            
                                            <div class="col-sm-9 col-md-9 border_r_w">
                                                <div  class="total_labels">
                                                    <input type="hidden" name="total_loan_amount">
                                                    <h5 class="pull-right">{{__('lang.total_loan')}}  <span id='total_loan_label'>0</span>  </h5>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                                
                                        
                                           

									<div class="row">
										<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            <div class="form-line">
                                                <button type="submit" class="btn btn-primary m-t-15 waves-effect">{{$submit_button_text}}
                                                </button>
                                                <a class="btn m-t-15 btn-default waves-effect" href="{{ url()->previous() }}">{{__('lang.back')}}</a>
                                            </div>
                                        </div>
									</div>
                                
                                </form>

                            </div>
                        </div>
                    </div>
                </div>
                <!-- #END# Inline Layout | With Floating Label -->
            </div>
        </div>
    </section>

@stop

@push('include-css')


@endpush

@push('include-js')

    <script src="{{ loadScriptFromServer('asset/js/custom/hrm/employee_loan.js') }}"></script>
    <script>
            const employee_loan = @json($employee_loan);
            const action        = "{{ $action }}";
            $('.installment_date').datepicker({format: 'dd/mm/yyyy', autoclose: true , todayHighlight: true});

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

@endpush