@php
    $ctcDetails = json_decode($interview->ctc_data ?? '');
@endphp

@extends('admin.layouts.layouts')

@section('title', 'Details | CTC Approvals')

@section('page-css')
    <style>
        .nowrap {
            white-space: nowrap;
        }
    </style>
@endsection

@section('content')
    <div class="page-header">
        <h3 class="page-title">CTC Details</h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('ctc-approvals.index') }}">CTC Approvals</a>
                </li>
                <li class="breadcrumb-item active" aria-current="page">Details</li>
            </ol>
        </nav>
    </div>

    <div class="card">
        <form id="ctc-form" action="{{ route('ctc-approvals.update', $interview->id) }}" method="POST"
            enctype="multipart/form-data">
            @csrf
            @method('PUT')

            <div class="card-body">
                <div class="row mb-4">
                    <div class="col-md-12">
                        <table class="table table-bordered">
                            <tbody>
                                <tr>
                                    <th>Employee Name:</th>
                                    <td>{{ $interview->name ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>Location Of Posting:</th>
                                    <td>{{ $interview->location->name ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>Designation:</th>
                                    <td>{{ $interview->designation->name ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>Qualification:</th>
                                    <td>{{ $interview->qualification->name ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>Mobile No.:</th>
                                    <td>{{ $interview->mobile_no ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>Email Address:</th>
                                    <td>{{ $interview->email ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>Experience:</th>
                                    <td>
                                        {{ $interview->experience ?? '-' }}

                                        @if ($interview->experience == 'Experienced')
                                            ({{ $interview->current_working_duration }} years)
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <th>Date Of Joining:</th>
                                    <td>{{ date('d-m-Y', strtotime($interview->expected_date_of_joining)) }}
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

                {{-- CTC to Offer --}}
                <div class="row">
                    <div class="col-md-4">
                        <label class="form-label mt-3">CTC To Offer <span class="text-danger">*</span></label>
                    </div>
                    <div class="col-md-4"></div>
                    <div class="col-md-4">
                        <input type="text" class="form-control amount" id="ctc_to_offer" name="ctc_to_offer"
                            value="{{ old('ctc_to_offer', $ctcDetails?->ctc_to_offer ?? '') }}" required
                            data-parsley-required data-parsley-trigger='keyup'
                            data-parsley-required-message="Please enter ctc to offer"
                            data-parsley-errors-container='#ctc_to_offer_error'>
                        <span class="text-danger" id="ctc_to_offer_error">{{ $errors->first('ctc_to_offer') }}</span>
                    </div>
                </div>

                {{-- ABC (2% increase in CTC) --}}
                <div class="row mt-3">
                    <div class="col-md-4">
                        <label class="form-label"></label>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <button class="btn btn-sm btn-outline-primary dropdown-toggle ctc-dropdown"
                                        type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                                        id="ctc_dropdown_label">Percentage</button>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item ctc-option" href="#"
                                            data-type="percentage">Percentage</a>
                                        <a class="dropdown-item ctc-option" href="#" data-type="fixed">Fixed</a>
                                    </div>
                                </div>
                                <input type="text" class="form-control" id="ctc_type_value" name="ctc_type_value"
                                    value="{{ old('ctc_type_value', $ctcDetails?->ctc_type_value ? $ctcDetails?->ctc_type_value : 0) }}">
                            </div>
                            <input type="hidden" id="ctc_type" name="ctc_type"
                                value="{{ old('ctc_type', $ctcDetails?->ctc_type ?? 'percentage') }}">
                        </div>
                        <span class="text-danger" id="ctc_percentage_error">{{ $errors->first('ctc_percentage') }}</span>
                    </div>
                    <div class="col-md-4">
                        <input type="text" class="form-control amount" id="ctc_amount" name="ctc_amount"
                            value="{{ old('ctc_amount', $ctcDetails?->ctc_amount ?? '') }}" data-parsley-required
                            data-parsley-trigger='keyup' data-parsley-required-message="Please enter ctc amount"
                            data-parsley-errors-container='#ctc_amount_error'>
                        <span class="text-danger" id="ctc_amount_error">{{ $errors->first('ctc_amount') }}</span>
                    </div>
                </div>

                {{-- Variable Pay --}}
                <div class="row mt-3">
                    <div class="col-md-4">
                        <label class="form-label mt-3">Variable Pay <span class="text-danger">*</span></label>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <button class="btn btn-sm btn-outline-primary dropdown-toggle variable-pay-dropdown"
                                        type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                                        id="variable_pay_dropdown_label">Percentage</button>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item variable-pay-option" href="#"
                                            data-type="percentage">Percentage</a>
                                        <a class="dropdown-item variable-pay-option" href="#"
                                            data-type="fixed">Fixed</a>
                                    </div>
                                </div>
                                <input type="text" class="form-control" id="variable_pay_type_value"
                                    name="variable_pay_type_value"
                                    value="{{ old('variable_pay_type_value', $ctcDetails?->variable_pay_type_value ? $ctcDetails?->variable_pay_type_value : $currentCTC->variable_pay) }}">
                            </div>
                            <span class="text-danger"
                                id="variable_pay_type_value_error">{{ $errors->first('variable_pay_type_value') }}</span>
                            <input type="hidden" id="variable_pay_type" name="variable_pay_type"
                                value="{{ old('variable_pay_type', $ctcDetails?->variable_pay_type ?? 'percentage') }}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <input type="text" class="form-control amount" id="variable_pay_amount"
                            name="variable_pay_amount"
                            value="{{ old('variable_pay_amount', $ctcDetails?->variable_pay_amount ?? '') }}"
                            data-parsley-required data-parsley-trigger='keyup'
                            data-parsley-required-message="Please enter variable pay amount"
                            data-parsley-errors-container='#variable_pay_amount_error'>
                        <span class="text-danger"
                            id="variable_pay_amount_error">{{ $errors->first('variable_pay_amount') }}</span>
                    </div>
                </div>

                {{-- Balance --}}
                <div class="row mt-3">
                    <div class="col-md-4">
                        <label class="form-label mt-3">Balance <span class="text-danger">*</span></label>
                    </div>
                    <div class="col-md-4"></div>
                    <div class="col-md-4">
                        <input type="text" class="form-control amount" id="balance_amount" name="balance_amount"
                            value="{{ old('balance_amount', $ctcDetails?->balance_amount ?? '') }}" data-parsley-required
                            data-parsley-trigger='keyup' data-parsley-required-message="Please enter balance amount"
                            data-parsley-errors-container='#balance_amount_error'>
                        <span class="text-danger" id="balance_amount_error">{{ $errors->first('balance_amount') }}</span>
                    </div>
                </div>

                {{-- Basic Year --}}
                <div class="row mt-3">
                    <div class="col-md-4">
                        <label class="form-label mt-3">Basic Year <span class="text-danger">*</span></label>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <button class="btn btn-sm btn-outline-primary dropdown-toggle basic-year-dropdown"
                                        type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                                        id="basic_year_dropdown_label">Percentage</button>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item basic-year-option" href="#"
                                            data-type="percentage">Percentage</a>
                                        <a class="dropdown-item basic-year-option" href="#"
                                            data-type="fixed">Fixed</a>
                                    </div>
                                </div>
                                <input type="text" class="form-control" id="basic_year_type_value"
                                    name="basic_year_type_value"
                                    value="{{ old('basic_year_type_value', $ctcDetails?->basic_year_type_value ? $ctcDetails?->basic_year_type_value : $currentCTC->basic) }}">
                            </div>
                            <input type="hidden" id="basic_year_type" name="basic_year_type"
                                value="{{ old('basic_year_type', $ctcDetails?->basic_year_type ?? 'percentage') }}">
                            <span class="text-danger"
                                id="basic_year_type_value_error">{{ $errors->first('basic_year_type_value') }}</span>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <input type="text" class="form-control amount" id="basic_year_amount"
                            name="basic_year_amount"
                            value="{{ old('basic_year_amount', $ctcDetails?->basic_year_amount ?? '') }}"
                            data-parsley-required data-parsley-trigger='keyup'
                            data-parsley-required-message="Please enter basic year amount"
                            data-parsley-errors-container='#basic_year_amount_error'>
                        <span class="text-danger"
                            id="basic_year_amount_error">{{ $errors->first('basic_year_amount') }}</span>
                    </div>
                </div>

                {{-- Basic Month --}}
                <div class="row mt-3">
                    <div class="col-md-4">
                        <label class="form-label mt-3">Basic Month <span class="text-danger">*</span></label>
                    </div>
                    <div class="col-md-4"></div>
                    <div class="col-md-4">
                        <input type="text" class="form-control amount" id="basic_month_amount"
                            name="basic_month_amount"
                            value="{{ old('basic_month_amount', $ctcDetails?->basic_month_amount ?? '') }}"
                            data-parsley-required data-parsley-trigger='keyup'
                            data-parsley-required-message="Please enter basic month amount"
                            data-parsley-errors-container='#basic_month_amount_error'>
                        <span class="text-danger"
                            id="basic_month_amount_error">{{ $errors->first('basic_month_amount') }}</span>
                    </div>
                </div>

                {{-- Medical --}}
                <div class="row mt-3">
                    <div class="col-md-4">
                        <label class="form-label mt-3">Medical <span class="text-danger">*</span></label>
                    </div>
                    <div class="col-md-4"></div>
                    <div class="col-md-4">
                        <input type="text" class="form-control amount" id="medical_amount" name="medical_amount"
                            value="{{ old('medical_amount', $ctcDetails?->medical_amount ?? '') }}" data-parsley-required
                            data-parsley-trigger='keyup' data-parsley-required-message="Please enter medical amount"
                            data-parsley-errors-container='#medical_amount_error'>
                        <span class="text-danger" id="medical_amount_error">{{ $errors->first('medical_amount') }}</span>
                    </div>
                </div>

                {{-- PT --}}
                <div class="row mt-3">
                    <div class="col-md-4">
                        <label class="form-label mt-3">PT <span class="text-danger">*</span></label>
                    </div>
                    <div class="col-md-4"></div>
                    <div class="col-md-4">
                        <input type="text" class="form-control amount" id="pt_amount" name="pt_amount"
                            value="{{ old('pt_amount', $ctcDetails?->pt_amount ?? '') }}" data-parsley-required
                            data-parsley-trigger='keyup' data-parsley-required-message="Please enter pt amount"
                            data-parsley-errors-container='#pt_amount_error'>
                        <span class="text-danger" id="pt_amount_error">{{ $errors->first('pt_amount') }}</span>
                    </div>
                </div>

                {{-- Employee PF --}}
                <div class="row mt-3">
                    <div class="col-md-4">
                        <label class="form-label mt-3">Employee PF <span class="text-danger">*</span></label>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <button class="btn btn-sm btn-outline-primary dropdown-toggle employee-pf-dropdown"
                                        type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                                        id="employee_pf_dropdown_label">Percentage</button>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item employee-pf-option" href="#"
                                            data-type="percentage">Percentage</a>
                                        <a class="dropdown-item employee-pf-option" href="#"
                                            data-type="fixed">Fixed</a>
                                    </div>
                                </div>
                                <input type="text" class="form-control" id="employee_pf_type_value"
                                    name="employee_pf_type_value"
                                    value="{{ old('employee_pf_type_value', $ctcDetails?->employee_pf_type_value ? $ctcDetails?->employee_pf_type_value : $currentCTC?->employee_pf ?? '') }}">
                            </div>
                            <span class="text-danger"
                                id="employee_pf_type_value_error">{{ $errors->first('employee_pf_type_value') }}</span>
                            <input type="hidden" id="employee_pf_type" name="employee_pf_type"
                                value="{{ old('employee_pf_type', $ctcDetails?->employee_pf_type ?? 'percentage') }}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <input type="text" class="form-control amount" id="employee_pf_amount"
                            name="employee_pf_amount"
                            value="{{ old('employee_pf_amount', $ctcDetails?->employee_pf_amount ?? '') }}"
                            data-parsley-required data-parsley-trigger='keyup'
                            data-parsley-required-message="Please enter pf amount"
                            data-parsley-errors-container='#employee_pf_amount_error'>
                        <span class="text-danger"
                            id="employee_pf_amount_error">{{ $errors->first('employee_pf_amount') }}</span>
                    </div>
                </div>

                {{-- ESIC --}}
                <div class="esicDiv" style="display: none;">
                    <div class="row mt-3">
                        <div class="col-md-4">
                            <label class="form-label mt-3">ESIC <span class="text-danger">*</span></label>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <div class="input-group">
                                    <input type="text" class="form-control percentage" name="esic_percentage"
                                        id="esic_percentage"
                                        value="{{ old('esic_percentage', $ctcDetails?->esic_percentage ? $ctcDetails?->esic_percentage : $currentCTC->esic) }}">
                                    <div class="input-group-append">
                                        <span class="input-group-text bg-primary text-white">%</span>
                                    </div>
                                </div>
                                <span class="text-danger"
                                    id="esic_percentage_error">{{ $errors->first('esic_percentage') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <input type="text" class="form-control amount" id="esic_amount" name="esic_amount"
                                value="{{ old('esic_amount', $ctcDetails?->esic_amount ?? '') }}" data-parsley-required
                                data-parsley-trigger='keyup' data-parsley-required-message="Please enter ESIC amount"
                                data-parsley-errors-container='#esic_amount_error'>
                            <span class="text-danger" id="esic_amount_error">{{ $errors->first('esic_amount') }}</span>
                        </div>
                    </div>
                </div>

                {{-- HRA --}}
                <div class="row mt-3">
                    <div class="col-md-4">
                        <label class="form-label mt-3">HRA <span class="text-danger">*</span></label>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <button class="btn btn-sm btn-outline-primary dropdown-toggle hra-dropdown"
                                        type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                                        id="hra_dropdown_label">Percentage</button>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item hra-option" href="#"
                                            data-type="percentage">Percentage</a>
                                        <a class="dropdown-item hra-option" href="#" data-type="fixed">Fixed</a>
                                    </div>
                                </div>
                                <input type="text" class="form-control" id="hra_type_value" name="hra_type_value"
                                    value="{{ old('hra_type_value', $ctcDetails?->hra_type_value ? $ctcDetails?->hra_type_value : $currentCTC?->hra ?? '') }}">
                            </div>
                            <span class="text-danger"
                                id="hra_type_value_error">{{ $errors->first('hra_type_value') }}</span>
                            <input type="hidden" id="hra_type" name="hra_type"
                                value="{{ old('hra_type', $ctcDetails?->hra_type ?? 'percentage') }}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <input type="text" class="form-control amount" id="hra_amount" name="hra_amount"
                            value="{{ old('hra_amount', $ctcDetails?->hra_amount ?? '') }}" data-parsley-required
                            data-parsley-trigger='keyup' data-parsley-required-message="Please enter hra amount"
                            data-parsley-errors-container='#hra_amount_error'>
                        <span class="text-danger" id="hra_amount_error">{{ $errors->first('hra_amount') }}</span>
                    </div>
                </div>

                {{-- Gratuity --}}
                <div class="row mt-3">
                    <div class="col-md-4">
                        <label class="form-label mt-3">Gratuity <span class="text-danger">*</span></label>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <button class="btn btn-sm btn-outline-primary dropdown-toggle gratuity-dropdown"
                                        type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                                        id="gratuity_dropdown_label">Percentage</button>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item gratuity-option" href="#"
                                            data-type="percentage">Percentage</a>
                                        <a class="dropdown-item gratuity-option" href="#"
                                            data-type="fixed">Fixed</a>
                                    </div>
                                </div>
                                <input type="text" class="form-control" id="gratuity_type_value"
                                    name="gratuity_type_value"
                                    value="{{ old('gratuity_type_value', $ctcDetails?->gratuity_type_value ? $ctcDetails?->gratuity_type_value : $currentCTC?->gratuity ?? '') }}">
                            </div>
                            <span class="text-danger"
                                id="gratuity_type_value_error">{{ $errors->first('gratuity_type_value') }}</span>
                            <input type="hidden" id="gratuity_type" name="gratuity_type"
                                value="{{ old('gratuity_type', $ctcDetails?->gratuity_type ?? 'percentage') }}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <input type="text" class="form-control amount" id="gratuity_amount" name="gratuity_amount"
                            value="{{ old('gratuity_amount', $ctcDetails?->gratuity_amount ?? '') }}"
                            data-parsley-required data-parsley-trigger='keyup'
                            data-parsley-required-message="Please enter gratuity amount"
                            data-parsley-errors-container='#gratuity_amount_error'>
                        <span class="text-danger"
                            id="gratuity_amount_error">{{ $errors->first('gratuity_amount') }}</span>
                    </div>
                </div>

                {{-- Employer PF --}}
                <div class="row mt-3">
                    <div class="col-md-4">
                        <label class="form-label mt-3">Employer PF <span class="text-danger">*</span></label>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <button class="btn btn-sm btn-outline-primary dropdown-toggle employer-pf-dropdown"
                                        type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                                        id="employer_pf_dropdown_label">Percentage</button>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item employer-pf-option" href="#"
                                            data-type="percentage">Percentage</a>
                                        <a class="dropdown-item employer-pf-option" href="#"
                                            data-type="fixed">Fixed</a>
                                    </div>
                                </div>
                                <input type="text" class="form-control" id="employer_pf_type_value"
                                    name="employer_pf_type_value"
                                    value="{{ old('employer_pf_type_value', $ctcDetails?->employer_pf_type_value ? $ctcDetails?->employer_pf_type_value : $currentCTC?->employer_pf ?? '') }}">
                            </div>
                            <span class="text-danger"
                                id="employer_pf_type_value_error">{{ $errors->first('employer_pf_type_value') }}</span>
                            <input type="hidden" id="employer_pf_type" name="employer_pf_type"
                                value="{{ old('employer_pf_type', $ctcDetails?->employer_pf_type ?? 'percentage') }}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <input type="text" class="form-control amount" id="employer_pf_amount"
                            name="employer_pf_amount"
                            value="{{ old('employer_pf_amount', $ctcDetails?->employer_pf_amount ?? '') }}"
                            data-parsley-required data-parsley-trigger='keyup'
                            data-parsley-required-message="Please enter pf calculated amount"
                            data-parsley-errors-container='#employer_pf_amount_error'>
                        <span class="text-danger"
                            id="employer_pf_amount_error">{{ $errors->first('employer_pf_amount') }}</span>
                    </div>
                </div>

                {{-- Total --}}
                <div class="row mt-3">
                    <div class="col-md-4">
                        <label class="form-label mt-3">Total <span class="text-danger">*</span></label>
                    </div>
                    <div class="col-md-4"></div>
                    <div class="col-md-4">
                        <input type="text" class="form-control amount" id="total_amount" name="total_amount"
                            value="{{ old('total_amount', $ctcDetails?->total_amount ?? '') }}" data-parsley-required
                            data-parsley-trigger='keyup' data-parsley-required-message="Please enter total amount"
                            data-parsley-errors-container='#total_amount_error'>
                        <span class="text-danger" id="total_amount_error">{{ $errors->first('total_amount') }}</span>
                    </div>
                </div>

                {{-- Special All --}}
                <div class="row mt-3">
                    <div class="col-md-4">
                        <label class="form-label mt-3">Special All <span class="text-danger">*</span></label>
                    </div>
                    <div class="col-md-4"></div>
                    <div class="col-md-4">
                        <input type="text" class="form-control amount" id="special_all" name="special_all"
                            value="{{ old('special_all', $ctcDetails?->special_all ?? '') }}" data-parsley-required
                            data-parsley-trigger='keyup' data-parsley-required-message="Please enter special all"
                            data-parsley-errors-container='#special_all_error'>
                        <span class="text-danger" id="special_all_error">{{ $errors->first('special_all') }}</span>
                    </div>
                </div>

                {{-- Annual Package --}}
                <div class="row mt-3">
                    <div class="col-md-4">
                        <label class="form-label mt-3">Annual Package <span class="text-danger">*</span></label>
                    </div>
                    <div class="col-md-4"></div>
                    <div class="col-md-4">
                        <input type="text" class="form-control amount" id="annual_package" name="annual_package"
                            value="{{ old('annual_package', $ctcDetails?->annual_package ?? '') }}" data-parsley-required
                            data-parsley-trigger='keyup' data-parsley-required-message="Please enter annual package"
                            data-parsley-errors-container='#annual_package_error'>
                        <span class="text-danger" id="annual_package_error">{{ $errors->first('annual_package') }}</span>
                    </div>
                </div>

                {{-- VIP (Monthly Amount) --}}
                <div class="row mt-3">
                    <div class="col-md-4">
                        <label class="form-label mt-3">VIP (Monthly Amount) <span class="text-danger">*</span></label>
                    </div>
                    <div class="col-md-4"></div>
                    <div class="col-md-4">
                        <input type="text" class="form-control amount" id="vip_monthly_amount"
                            name="vip_monthly_amount"
                            value="{{ old('vip_monthly_amount', $ctcDetails?->vip_monthly_amount ?? '') }}"
                            data-parsley-required data-parsley-trigger='keyup'
                            data-parsley-required-message="Please enter vip monthly amount"
                            data-parsley-errors-container='#vip_monthly_amount_error'>
                        <span class="text-danger"
                            id="vip_monthly_amount_error">{{ $errors->first('vip_monthly_amount') }}</span>
                    </div>
                </div>

                {{-- SIP Amount --}}
                <div class="row mt-3">
                    <div class="col-md-4">
                        <label class="form-label mt-3">SIP Amount <span class="text-danger">*</span></label>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <button class="btn btn-sm btn-outline-primary dropdown-toggle sip-dropdown"
                                        type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                                        id="sip_dropdown_label">Percentage</button>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item sip-option" href="#"
                                            data-type="percentage">Percentage</a>
                                        <a class="dropdown-item sip-option" href="#" data-type="fixed">Fixed</a>
                                    </div>
                                </div>
                                <input type="text" class="form-control" id="sip_type_value" name="sip_type_value"
                                    value="{{ old('sip_type_value', $ctcDetails?->sip_type_value ? $ctcDetails?->sip_type_value : 0) }}">
                            </div>
                            <span class="text-danger"
                                id="sip_type_value_error">{{ $errors->first('sip_type_value') }}</span>
                            <input type="hidden" id="sip_type" name="sip_type"
                                value="{{ old('sip_type', $ctcDetails?->sip_type ?? 'percentage') }}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <input type="text" class="form-control amount" id="sip_amount" name="sip_amount"
                            value="{{ old('sip_amount', $ctcDetails?->sip_amount ?? '') }}" data-parsley-required
                            data-parsley-trigger='keyup' data-parsley-required-message="Please enter sip amount"
                            data-parsley-errors-container='#sip_amount_error'>
                        <span class="text-danger" id="sip_amount_error">{{ $errors->first('sip_amount') }}</span>
                    </div>
                </div>

                {{-- Local Conveyance Amount --}}
                <div class="row mt-3">
                    <div class="col-md-4">
                        <label class="form-label mt-3">Local Conveyance</label>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <button
                                        class="btn btn-sm btn-outline-primary dropdown-toggle local-conveyance-dropdown"
                                        type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                                        id="local_conveyance_dropdown_label">Percentage</button>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item local-conveyance-option" href="#"
                                            data-type="percentage">Percentage</a>
                                        <a class="dropdown-item local-conveyance-option" href="#"
                                            data-type="fixed">Fixed</a>
                                    </div>
                                </div>
                                <input type="text" class="form-control" id="local_conveyance_type_value"
                                    name="local_conveyance_type_value"
                                    value="{{ old('local_conveyance_type_value', isset($ctcDetails->local_conveyance_type_value) ? $ctcDetails->local_conveyance_type_value : 0) }}">
                            </div>
                            <span class="text-danger"
                                id="local_conveyance_type_value_error">{{ $errors->first('local_conveyance_type_value') }}</span>
                            <input type="hidden" id="local_conveyance_type" name="local_conveyance_type"
                                value="{{ old('local_conveyance_type', $ctcDetails?->local_conveyance_type ?? 'percentage') }}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <input type="text" class="form-control amount" id="local_conveyance_amount"
                            name="local_conveyance_amount"
                            value="{{ old('local_conveyance_amount', $ctcDetails?->local_conveyance_amount ?? '') }}"
                            data-parsley-trigger='keyup' data-parsley-errors-container='#local_conveyance_amount_error'>
                        <span class="text-danger"
                            id="local_conveyance_amount_error">{{ $errors->first('local_conveyance_amount') }}</span>
                    </div>
                </div>

                {{-- Monthly CTC --}}
                <div class="row mt-3">
                    <div class="col-md-4">
                        <label class="form-label mt-3">Monthly CTC <span class="text-danger">*</span></label>
                    </div>
                    <div class="col-md-4"></div>
                    <div class="col-md-4">
                        <input type="text" name="monthly_ctc" class="form-control amount" id="monthlyCTC" readonly>
                    </div>
                </div>

                {{-- Monthly Salary --}}
                <div class="row mt-3">
                    <div class="col-md-4">
                        <label class="form-label mt-3">Monthly Salary <span class="text-danger">*</span></label>
                    </div>
                    <div class="col-md-4"></div>
                    <div class="col-md-4">
                        <input type="text" name="monthly_salary" class="form-control amount" id="monthlySalary"
                            readonly>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <button type="submit" class="btn btn-primary" id="submitBtn">Approve</button>
            </div>
        </form>
    </div>
@endsection

@section('page-js')
    <script type="text/javascript">
        var interviewId = "{{ $interview->id }}";
        var ajaxRoute = "{{ route('ctc-approvals.ajax-list') }}";
    </script>
    <script src="{{ asset('assets/js/admin/ctc-approval.js') }}"></script>
@endsection