@extends('layouts.master')
@section('content')
<div class="app-page-title">
    <div class="page-title-wrapper">
        <div class="page-title-heading">
            <div class="page-title-icon">
                <i class="pe-7s-medal icon-gradient bg-tempting-azure"></i>
            </div>
            <div>
                {{ $title }}
                <div class="page-title-subheading">View a deduction linked to payroll.</div>
            </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-pay-cont-defs.index',$pamPayContDef->payroll_id) }}"> <i
                class="fa fa-arrow-left"></i></a>
        <div class="row">
            <div class="mb-3 col-md-8">
                <div class="card-title text-center">{{ $title }}</div>
                <form>
                    @csrf

    
                    <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="{{$pamPayContDef->cont_def_code }}" disabled>
                            @error('code')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3 col-md-6">
                            <label class="form-label" for="short_description">Name</label>
                            <input type="text" class="form-control" name="short_description" id="short_description"
                                placeholder="Name" value="{{ $pamPayContDef->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>{{ $pamPayContDef->long_description }}</textarea>
                            @error('long_description')
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="employee_contribution_rate">Employee Contribution Rate</label>
                                <input disabled value="{{$pamPayContDef->employee_percentage}}"
                                    type="number" step="0.01" class="form-control" id="employee_contribution_rate"
                                    name="employee_contribution_rate" required>
                                @error('employee_contribution_rate')
                                <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="employer_contribution_rate">Employer Contribution Rate</label>
                                <input disabled value="{{$pamPayContDef->employer_percentage}}"
                                    type="number" step="0.01" class="form-control" id="employer_contribution_rate"
                                    name="employer_contribution_rate" required>
                                @error('employer_contribution_rate')
                                <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="employee_maximum_ceiling">Employee Maximum Ceiling Amount</label>
                                <input disabled value="{{$pamPayContDef->employee_fixed_amount}}"
                                    type="number" step="0.01" class="form-control" id="employee_maximum_ceiling"
                                    name="employee_maximum_ceiling" required>
                                @error('employee_maximum_ceiling')
                                <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="employer_maximum_ceiling">Employer Maximum Ceiling Amount</label>
                                <input disabled value="{{$pamPayContDef->employer_fixed_amount}}"
                                    type="number" step="0.01" class="form-control" id="employer_maximum_ceiling"
                                    name="employer_maximum_ceiling" required>
                                @error('employer_maximum_ceiling')
                                <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <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"
                                    {{ $pamPayContDef->status == 'active' ? ' checked' : '' }} required disabled>
                                Active</label>
                            <label><input type="radio" name="status" value="inactive"
                                    {{ $pamPayContDef->status == 'inactive' ? ' checked' : '' }} required disabled>
                                Inactive</label>
                        </div>
                    </div>

                </form>
            </div>
            <div class="mb-3 col-md-4">
                <div class="card-title text-center">INSTRUCTIONS</div>
            </div>
        </div>
    </div>
</div>
@endsection