@extends('admin.layout.master')
@section('content')
@include('flash-message')
<div class="card sina-card">
     <div class="card-header d-flex justify-content-between align-items-center ">
        <h5 class="font-weight-bold mb-0">{{__('obs.loan')}} {{__('obs.edit')}}  </h5>
        <a href="{{route('payroll.payroll.manage_loan.loan_list')}}" class="btn btn-sm btn-primary">{{__('obs.loan_list')}}</a>
    </div>
  
   
    <div class="card-body">
        <form class="loan-form" action="{{route('payroll.payroll.manage_loan.loan_update')}}" method="post">
            @csrf
            <input type="hidden" name="type" value="2">
            <input type="hidden" name="id" value="{{ $loan->id }}">

             <div class="row">
                    <div class="col-md-6">
                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label for="">{{ __('obs.employee') }} {{ __('obs.name') }}</label>
                            </div>
                            <div class="col-md-7">
                                <input disabled value="{{ $loan->empinfo->emp_name ?? null }}" class="form-control"
                                    type="text">
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label for="">{{ __('obs.department') }} {{ __('obs.name') }}</label>
                            </div>
                            <div class="col-md-7">
                                <input disabled value="{{ $loan->empinfo->fetch_department->name ?? null }}"
                                    class="form-control" type="text">
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label class="labels" for="">{{__('obs.amount')}}</label>
                            </div>
                            <div class="col-md-7">
                                 <input value="{{$loan->amount}}" required id="amount" name="amount" class="form-control" type="number">
                            </div>
                        </div>
                         <div class="row mt-3">
                            <div class="col-md-4">
                                <label  class="labels" for="">{{__('obs.number_of_installment')}}</label>
                            </div>
                            <div class="col-md-7">
                                <input value="{{$loan->installment_no}}" required id="installment_no" name="installment_no" class="form-control" type="number">
                            </div>
                        </div>

                         <div class="row mt-3">
                            <div class="col-md-4">
                                <label  class="labels" for="">{{__('obs.installment_amount')}}</label>
                            </div>
                            <div class="col-md-7">
                                <input value="{{round(/*$loan->amount / $loan->installment_no*/ $loan->installment_amount)}}" id="installment_amount" name="installment_amount" class="form-control" type="number">
                            </div>
                        </div>

                         <div class="row mt-3">
                            <div class="col-md-4">
                                <label  class="labels" for="">{{__('obs.loan_start_month')}}</label>
                            </div>
                            <div class="col-md-7">
                                <input required value="{{$loan->start_month}}" name="start_month" class="form-control" type="month">
                            </div>
                        </div>


                         <div class="row mt-3">
                            <div class="col-md-4">
                                <label for="">{{__('obs.apply_date')}}</label>
                            </div>
                            <div class="col-md-7">
                                <input name="application_date" value="{{date('d-m-Y',strtotime($loan->application_date))}}" id="application_date" class="form-control date_picker" type="text">
                            </div>
                        </div>

                         <div class="row mt-3">
                            <div class="col-md-4">
                                <label  class="labels" for="">{{__('obs.purpose')}}</label>
                            </div>
                            <div class="col-md-7">
                                <textarea required placeholder="enter your loan reason" class="form-control" name="purpose"
                                            id="" cols="30" rows="3">{{$loan->purpose}}</textarea>                            </div>
                        </div>

                         {{-- <div class="row mt-3">
                            <div class="col-md-4">
                                <label for="">{{__('obs.note')}}</label>
                            </div>
                            <div class="col-md-7">
                            <textarea placeholder="if any (optional)" class="form-control" name="note" id="" cols="30"
                                            rows="3">{{$loan->note}}</textarea>                            </div>
                        </div> --}}

                    </div>
                      
                    <div class="form-group col-10 text-center mt-3">
                        <input class="btn btn-success px-4" type="submit" value="{{__('obs.update')}}">
                    </div>
                    

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

@endsection

@section('script')
    <script>
        $('.js-example-basic-single').select2();
        $("#installment_no").blur(function () {
            let amount = $("#amount").val();
            let insno = $("#installment_no").val();
            const ia = amount / insno;

            $("#installment_amount").val(Math.round(ia));

        });
        $("#amount").blur(function () {
            let amount = $("#amount").val();
            let insno = $("#installment_no").val();
            const ia = amount / insno;

            $("#installment_amount").val(Math.round(ia));

        });

    </script>
@endsection