@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.advance') }} {{ __('obs.edit') }} </h5>
            <a href="{{ route('payroll.payroll.manage_loan.advance_index') }}"
                class="btn btn-sm btn-primary">{{ __('obs.advance_list') }}</a>
        </div>
        <div class="card-body">
            <form class="advance-form" action="{{ route('payroll.payroll.manage_loan.advance_update') }}" method="post">
                @csrf

                <input type="hidden" name="type" value="1">
                <input type="hidden" name="id" value="{{ $advance->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="{{ $advance->empinfo->emp_name }}" 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="{{ $advance->empinfo->fetch_department->name }}"
                                    class="form-control" type="text">
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label  class="labels">{{ __('obs.amount') }}</label>
                            </div>
                            <div class="col-md-7">
                                <input value="{{ $advance->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=""> {{__('obs.installment')}} {{__('obs.amount')}}</label>
                            </div>
                            <div class="col-md-7">
                                <input type="number" id="installment_amount" name="installment_amount" class="form-control" value="{{ $advance->installment_amount ?? null }}"
                                   >
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label for="">{{ __('obs.deduct') }} {{ __('obs.month') }}</label>
                            </div>
                            <div class="col-md-7">
                                <input required value="{{ $advance->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($advance->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 for="">{{ __('obs.purpose') }}</label>
                            </div>
                            <div class="col-md-7">
                                  <textarea required placeholder="enter your advance reason" class="form-control" name="purpose" id=""
                                        cols="30" rows="3">{{ $advance->purpose }}</textarea>
                            </div>
                        </div>

                    </div>
                </div>


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

            </form>
        </div>
    </div>
@endsection

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

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

        });
    </script>
@endsection