@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="tab-content">
    <div class="tab-pane tabs-animation fade show active" id="tab-content-0" role="tabpanel">
        <div class="row">
            <div class="col-lg-8">
                <div class="main-card mb-3 card">
                    <div class="card-body">
                        <div class="h5 modal-title text-center">
                            <h5 class="mt-2">
                                <span>Payroll Information</span>
                            </h5>
                        </div>
                        <form method="post">
                            @csrf
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="position-relative mb-3">
                                        <label class="form-label" for="code">Code<span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" value="{{ old('code',$data->code) }}" name="code" id="code" placeholder="Code" disabled>
                                        @error('code')
                                        <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <div class="position-relative mb-3">
                                        <label class="form-label" for="short_description">Name<span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" value="{{ old('short_description',$data->short_description) }}" name="short_description" id="short_description" placeholder="Name" disabled>
                                        @error('short_description')
                                        <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="position-relative mb-3">
                                <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>{{ old('long_description',$data->long_description) }}</textarea>
                                @error('long_description')
                                <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="position-relative mb-3">
                                        <label for="tax_year">Tax Year<span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" value="{{ $data->currentPamTaxTable->pamTaxYear->code }}" disabled>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="position-relative mb-3">
                                        <label for="pay_run_period">Period<span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" value="{{ $pamPayRun->pamPayRunPeriod->calendar_month .'-' . $pamPayRun->pamPayRunPeriod->calendar_year }}" disabled>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="position-relative mb-3">
                                        <label for="tax_table">Tax Table<span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" value="{{ $data->currentPamTaxTable->code }}" disabled>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="position-relative mb-3">
                                        <label for="social_security">NAPSA Rate<span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" value="{{ $pamSocialSecurity->code }}" disabled>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="position-relative mb-3">
                                        <label for="working_days">Number of Working Days<span class="text-danger">*</span>:</label>
                                        <input type="number" class="form-control" id="working_days" name="working_days" value="{{ $data->working_days }}" disabled>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="mb-3 col-md-12">
                                    <div class="form-group">
                                        <label>Status<span class="text-danger">*</span></label>
                                        <div>
                                            <input type="text" class="form-control" value="{{ $data->status == 'active' ? 'Active' : 'Inactive' }}" disabled>
                                        </div>
                                        @error('status')
                                        <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="divider"></div>
                            <div class="clearfix">
                                <button type="button" id="reset-btn" class="btn-shadow btn-wide  btn-pill btn-hover-shine btn btn-dark" onclick="window.location.href='{{ route('pam-payrolls.index') }}'">Close</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="main-card mb-3 card">
                    <div class="card-body">
                        <h5 class="card-title">Instructions</h5>
                        <ul>
                            <li>Fill in the form to create a new payroll.</li>
                            <li>All fields marked with a <span class="text-danger">*</span> are required.</li>
                            <li>Make sure to select the appropriate options from the dropdown menus.</li>
                            <li>Click the 'Submit' button to save the payroll.</li>
                            <li>If you want to cancel the operation, click the 'Close' button.</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



@endsection