@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | NOC Certificate')
@section('content')
    @include('admin.certificate.partials.styles')

    <div class="container-fluid cert-wrap">
        <div class="row mt-3 no-print">
            <div class="col-12 d-flex flex-wrap justify-content-between align-items-center mb-3">
                <div>
                    <h4 class="page-title mb-0">{{ __('NOC Certificate') }}</h4>
                    <p class="text-muted mb-0">{{ __('Generate a no-objection certificate for employee travel.') }}</p>
                </div>
            </div>

            <div class="col-12 mb-3">
                <div class="card">
                    <div class="card-header">{{ __('Generate Certificate') }}</div>
                    <form action="{{ route('noc.certificate') }}" method="GET">
                        <div class="cert-filters">
                            <div class="form-row align-items-end">
                                <div class="form-group col-md-3">
                                    <label class="cert-label">{{ __('Employee') }}</label>
                                    <select class="form-control select2" name="employee_id" required>
                                        <option value="">{{ __('Select employee') }}</option>
                                        @foreach($staffList as $staff)
                                            <option value="{{ $staff->id }}" @selected((string) request('employee_id') === (string) $staff->id)>
                                                {{ $staff->user?->name ?? __('Unknown') }}({{ $staff->user_id }})-{{ $staff->designation?->name ?? 'No Designation' }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-2">
                                    <label class="cert-label">{{ __('Passport No.') }}</label>
                                    <input class="form-control" type="text" name="Passport" value="{{ request('Passport', $Passport ?? '') }}" placeholder="{{ __('Passport number') }}" required>
                                </div>
                                <div class="form-group col-md-2">
                                    <label class="cert-label">{{ __('Country') }}</label>
                                    <input class="form-control" type="text" name="country_name" value="{{ request('country_name', $country_name ?? '') }}" placeholder="{{ __('Travel country') }}" required>
                                </div>
                                <div class="form-group col-md-2">
                                    <label class="cert-label">{{ __('Purpose') }}</label>
                                    <input class="form-control" type="text" name="travel_purpose" value="{{ request('travel_purpose', $travel_purpose ?? '') }}" placeholder="{{ __('Travel purpose') }}" required>
                                </div>
                                <div class="form-group col-md-2">
                                    <label class="cert-label">{{ __('Location') }}</label>
                                    <input class="form-control" type="text" name="travel_location" value="{{ request('travel_location', $travel_location ?? '') }}" placeholder="{{ __('Travel location') }}" required>
                                </div>
                                <div class="form-group col-md-1">
                                    <button class="btn btn-primary btn-block" type="submit"><i class="fas fa-certificate"></i> {{ __('Go') }}</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        @if($certificate_show == 1 && $employee)
            <div class="col-12">
                <div class="cert-preview">
                    <div class="no-print text-right mb-3">
                        <button class="btn btn-primary btn-sm" type="button" onclick="window.print()"><i class="fas fa-print"></i> {{ __('Print') }}</button>
                    </div>
                    <h1>{{ __('No Objection Certificate') }}</h1>
                    <div class="cert-meta mb-2">{{ __('Ref') }}: {{ date('M-Y') }}/NOC-{{ $employee->user?->name }}</div>
                    <div class="text-right cert-meta mb-3">{{ __('Date') }}: {{ date('d-m-Y') }}</div>
                    <p>
                        {{ __('This is to state that') }} <strong>{{ $employee->user?->name }}</strong>
                        {{ __('bearing passport no.') }} <strong>{{ $Passport }}</strong>
                        {{ __('has been serving at') }} <strong>{{ get_setting('site_name') }}</strong>, {{ get_setting('contact_address') }}.
                        {{ __('Currently working as') }} <strong>{{ $employee->designation?->name ?? '—' }}</strong>.
                        {{ __('Intends to travel to') }} <strong>{{ $country_name }}</strong> {{ __('for') }} <strong>{{ $travel_purpose }}</strong>
                        {{ __('at') }} <strong>{{ $travel_location }}</strong>.
                        {{ __('The office has no objection for travel abroad.') }}
                    </p>
                    <p>{{ __('We wish all the best.') }}</p>
                    <div class="cert-sign">
                        <div class="cert-sign-line mt-4"></div>
                        <div><strong>{{ __('Authorized Signatory') }}</strong></div>
                        <div class="cert-meta">{{ get_setting('site_name') }}</div>
                    </div>
                </div>
            </div>
        @endif
    </div>
@endsection