@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-earn-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($pamEarnDef->short_description)}} EARNING DEFINITION</div>
                <form>
                    @csrf

                    <div class="row">
                        <div class="mb-3 col-md-6">
                            <label class="form-label" for="earn_type_id">Type</label>
                            <select class="form-control" name="earn_type_id" id="earn_type_id" disabled>
                                <option>
                                    {{$pamEarnDef->pamEarnType->short_description }}
                                </option>
                            </select>
                            @error('earn_type_id')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3 col-md-6">
                            <label class="form-label" for="earn_group_id">Group</label>
                            <select class="form-control" name="earn_group_id" id="earn_group_id" disabled>

                                <option>
                                    {{$pamEarnDef->pamEarnGroup->short_description }}
                                </option>

                            </select>
                            @error('earn_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="code">Code</label>
                            <input type="text" class="form-control" name="code" id="code" placeholder="Code" value="{{ $pamEarnDef->code }}" disabled>
                            @error('code')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3 col-md-6">
                            <label class="form-label" for="general_ledger_code">General Ledger Code<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="general_ledger_code" id="general_ledger_code" placeholder="Name" value="{{ $pamEarnDef->general_ledger_code }}" disabled>
                            @error('general_ledger_code')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="row">
                        <div class="mb-3 col-md-12">
                            <label class="form-label" for="short_description">Name</label>
                            <input type="text" class="form-control" name="short_description" id="short_description" placeholder="Name" value="{{ $pamEarnDef->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>{{ $pamEarnDef->long_description }}</textarea>
                            @error('long_description')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    @if($pamEarnDef->pamEarnType->code == 'OVERTIME')
    <div id="overtimeInputs">
        <div class="row">
            <div class="mb-3 col-md-6">
                <div class="form-group">
                    <label class="form-label" for="rate_figure_input">Rate<span class="text-danger">*</span></label>
                    <input step="0.01" type="number" class="form-control" name="rate_figure_input"
                        value="{{ $pamEarnDef->overtime_rate }}" id="rate_figure_input" placeholder="Value" required
                        disabled>
                    @error('rate_figure_input')
                    <div class="text-danger">{{ $message }}</div>
                    @enderror
                </div>
            </div>
        </div>
        <input type="hidden" name="mode_of_calculation" id="mode_of_calculation"
            value="{{ $pamEarnDef->mode_of_calculation }}">
        <input type="hidden" name="figure_input" id="figure_input" value=0 disabled>
    </div>
@else
    <div id="notovertimeInputs">
        @if($pamEarnDef->pamEarnType->code != 'BASIC')
        <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"
                            {{ $pamEarnDef->mode_of_calculation === 'fixed' ? 'checked' : '' }}
                            required disabled> 
                        Fixed Amount
                    </label>
        
                    <label>
                        <input type="radio" name="mode_of_calculation" value="percentage" data-type="default"
                            {{ $pamEarnDef->mode_of_calculation === 'percentage' ? 'checked' : '' }}
                            required disabled> 
                        Percentage
                    </label>
        
                    <label>
                        <input type="radio" name="mode_of_calculation" value="formular"
                            {{ $pamEarnDef->mode_of_calculation === 'formular' ? 'checked' : '' }}
                            required disabled> 
                        Formular
                    </label>
        
                    @if($pamEarnDef->mode_of_calculation === 'fixed')
                        <label>
                            <input step="0.01" type="number" class="form-control" name="figure_input"
                                value="{{ $pamEarnDef->fixed_amount }}" id="figure_input" placeholder="Value"
                                required disabled>
                        </label>
                    @elseif($pamEarnDef->mode_of_calculation === 'percentage')
                        <label>
                            <input step="0.01" type="number" class="form-control" name="figure_input"
                                value="{{ $pamEarnDef->percentage }}" id="figure_input" placeholder="Value"
                                required disabled>
                        </label>
                    @elseif($pamEarnDef->mode_of_calculation === 'formular')
                        <label>
                            <input type="text" class="form-control" name="figure_input"
                                value="{{ $pamEarnDef->formular }}" id="figure_input" placeholder="Enter Formula"
                                required disabled>
                        </label>
                    @endif
        
                    @error('figure_input')
                        <div class="text-danger">{{ $message }}</div>
                    @enderror
                </div>
            </div>
        </div>
        
        @endif
        <input type="hidden" name="rate_figure_input" id="rate_figure_input" value=0 disabled>
    </div>
@endif

                    <div class="row">

                        <div class="mb-3 col-md-6">
                            <div class="form-check">
                                <label class="form-check-label" for="canProrata">
                                    Can Prorata
                                </label>

                                <input disabled class="form-check-input" type="checkbox" name="can_prorata" id="can_prorata" {{ $pamEarnDef->can_prorata == 1 ? 'checked' : '' }} />
                            </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 type="radio" name="status" value="active" {{ $pamEarnDef->status == 'active' ? ' checked' : '' }} required disabled> Active</label>
                                <label><input type="radio" name="status" value="inactive" {{ $pamEarnDef->status == 'inactive' ? ' checked' : '' }} required disabled> Inactive</label>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="mb-3 col-md-6">
                            <button type="button" class="btn btn-dark btn-color" onclick="window.location.href='{{ route('pam-earn-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 Earning. This refers to the category or type of the earning, such as "Overtime Pay", "Leave Commutation", etc.</li>
    <li><strong>Group</strong> of the Earning. Grouping earnings helps organize them for easier management and reporting. Examples of groups include "Taxable", Non Taxable, etc.</li>
    <li><strong>Code</strong> of the Earning. This is a unique identifier for the earning, often used for internal tracking and referencing.</li>
    <li><strong>General Ledger Code</strong> of the Earning. This code corresponds to the general ledger account associated with the earning for accounting purposes.</li>
    <li><strong>Name</strong> of the Earning. Provide a descriptive name for the earning.</li>
    <li><strong>Description</strong> of the Earning. Optionally, provide additional details or information about the earning.</li>
    <li><strong>Method of Calculation</strong> of the Earning. Specify how the earning amount is calculated, such as fixed amount or percentage of basic or gross pay.</li>
    <li><strong>Value</strong> of the Earning. Input the actual amount or rate of the earning.</li>
    <li><strong>Status</strong> of the Earning. Indicate whether the earning is active or inactive.</li>
    <li><strong>Prorate</strong> box if the earning should be prorated based worked days.</li>

    <li><strong>Close</strong> button to remove all data and return to the previous screen.</li>
</ul>


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