@extends('layouts.master')

@section('content')
<div class="app-page-title">
    <div class="page-title-wrapper">
        <div class="page-title-heading">
           
            <div>
                {{ $title }}
                
            </div>
        </div>
    </div>

    @if(isset($error) || session('error'))
    <div class="alert alert-danger">
        {{ $error ?? session('error') }}
    </div>
    @endif
</div>

<div class="main-card mb-3 card">
    <div class="card-body">
        <a href="{{ route('pam-dedu-defs.index') }}"> <i class="fa fa-arrow-left"></i></a>
        <div class="row">
            <div class="mb-3 col-md-6">
                <div class="card-title text-center">{{ strtoupper( $pamDeduDef->short_description)}} DEDUCTION DEFINITION</div>

                <form>
                    @csrf

                    <div class="row">
                        <div class="mb-3 col-md-6">
                            <label class="form-label" for="dedu_type_id">Type</label>
                            <select class="form-control" name="dedu_type_id" id="dedu_type_id" disabled>

                                <option>
                                    {{ $pamDeduDef->PamDeduType->short_description }}
                                </option>

                            </select>
                            @error('dedu_type_id')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3 col-md-6">
                            <label class="form-label" for="dedu_group_id">Group</label>
                            <select class="form-control" name="dedu_group_id" id="dedu_group_id" disabled>

                                <option>
                                    {{ $pamDeduDef->PamDeduGroup->short_description }}
                                </option>

                            </select>
                            @error('dedu_group_id')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="row">
                        <div class="mb-3 col-md-6">
                            <label class="form-label" for="cont_def_id">Contribution</label>
                            <select class="form-control" name="cont_def_id" id="cont_def_id" disabled>


                                <option>
                                    @if ($pamDeduDef->cont_def_id)
                                    {{ $pamDeduDef->pamContDef->short_description }}
                                    @endif
                                </option>

                            </select>
                            @error('cont_def_id')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3 col-md-6">
                            <label class="form-label" for="code">Code</label>
                            <input type="text" class="form-control" name="code" id="code" placeholder="Code" value="{{ $pamDeduDef->code }}" disabled>
                            @error('code')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="row">
                        <div class="mb-3 col-md-4">
                            <label class="form-label" for="general_ledger_code">General Ledger Code</label>
                            <input type="text" class="form-control" name="general_ledger_code" id="general_ledger_code" placeholder="GL Code" value="{{ $pamDeduDef->general_ledger_code }}" disabled>
                            @error('general_ledger_code')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3 col-md-8">
                            <label class="form-label" for="short_description">Name</label>
                            <input type="text" class="form-control" name="short_description" id="short_description" placeholder="Name" value="{{ $pamDeduDef->short_description }}" disabled>
                            @error('short_description')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="row">
                        <div class="mb-3 col-md-12">
                            <label class="form-label" for="long_description">Description</label>
                            <textarea rows="2" cols="1" class="form-control" name="long_description" id="long_description" placeholder="Description" disabled>{{ $pamDeduDef->long_description }}</textarea>
                            @error('long_description')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="row">
                        <div class="mb-3 col-md-12">

                            <div class="form-group">
                                <label class="form-label" for="mode_of_calculation">Method of Calculation<span
                                        class="text-danger">*</span></label>
                                <label><input type="radio" name="mode_of_calculation" value="fixed"
                                        {{ $pamDeduDef->mode_of_calculation === 'fixed' ? ' checked' : '' }} required disabled>
                                    Fixed Amount</label>

                                <label><input type="radio" name="mode_of_calculation" value="percentage"
                                        data-type="default"
                                        {{ $pamDeduDef->mode_of_calculation == 'percentage' ? ' checked' : '' }}
                                        required disabled> Percentage</label>
                                @if($pamDeduDef->mode_of_calculation === 'percentage')


                                <label> <input step="0.01" type="number" class="form-control" name="figure_input"
                                        value="{{$pamDeduDef->percentage}}" id="figure_input" placeholder="Value"
                                        required disabled></label>

                                @else
                                <label> <input step="0.01" type="number" class="form-control" name="figure_input"
                                        value="{{$pamDeduDef->fixed_amount}}" id="figure_input" placeholder="Value"
                                        required disabled></label>

                                @endif
                                @error('figure_input')
                                <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                        </div>
                    </div>
                    <div class="row">
                        <div class="mb-3 col-md-6">
                            <div class="form-group">
                                <label class="form-label" for="status">Status</label>
                                <label><input disabled type="radio" name="status" value="active" {{ $pamDeduDef->status == 'active' ? 'checked' : '' }} required> Active</label>
                                <label><input disabled type="radio" name="status" value="inactive" {{ $pamDeduDef->status == 'inactive' ? 'checked' : '' }} required> Inactive</label>
                            </div>
                        </div>

                    </div>
                    <div class="row">
                        <div class="mb-3 col-md-6">
                            <button type="button" class="btn btn-primary btn-color" onclick="window.location.href='{{ route('pam-dedu-defs.index') }}'">Close</button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="mb-3 col-md-6">
                <div class="card-title text-center">INSTRUCTIONS</div>
                <ul>
       <li><strong>Type</strong> of the Deduction. This refers to the category or type of the deduction, such as "Tax", "Pension Contribution", "Union Dues", etc.</li>
 
    <li><strong>Group</strong> of the Deduction. Grouping deductions helps organize them for easier management and reporting. Examples of groups include "Statutory Deductions", "Voluntary Deductions", etc.</li>
    <li><strong>General Ledger Code</strong> of the Deduction. This code corresponds to the general ledger account associated with the deduction for accounting purposes.</li>
    <li><strong>Name</strong> of the Deduction. Provide a descriptive name for the deduction to easily identify it.</li>
    <li><strong>Description</strong> of the Deduction. Optionally, provide additional details or information about the deduction.</li>
        <li><strong>Method of Calculation</strong> of the Deduction. Specify how the deduction amount is calculated, such as fixed amount, percentage of salary, etc.</li>
    <li><strong>Value</strong> of the Deduction. The actual amount or percentage value of the deduction.</li>
    <li><strong>Status</strong> of the Deduction. Indicate whether the deduction is active, inactive, pending, etc.</li>
    <li><strong>Close</strong> button. Close the window and return to the previous screen.</li>
</ul>

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

@endsection