@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('E-Nothi File'))

@push('css')
<style>
    .enothi-show .page-title { font-size: 1.25rem; font-weight: 600; }
    .enothi-show .file-subtitle { font-size: 0.875rem; color: #6c757d; }
</style>
@endpush

@section('content')
    <div class="enothi-show pt-3 pb-4 px-2 px-md-3">
        @if (session()->has('message'))
            <div class="alert alert-success mb-3 py-2">{{ session('message') }}</div>
        @endif
        @if (session()->has('error'))
            <div class="alert alert-danger mb-3 py-2">{{ session('error') }}</div>
        @endif

        <div class="d-flex flex-wrap justify-content-between align-items-start mb-3">
            <div class="mb-2">
                <a href="{{ route('enothi.index') }}" class="btn btn-sm btn-outline-secondary mb-2">&larr; {{ __('Back') }}</a>
                <h4 class="page-title mb-0">{{ __('E-Nothi File') }}</h4>
                <p class="file-subtitle mb-0">{{ $file->file_number }} · {{ $file->subject }}</p>
            </div>
            <div class="btn-toolbar-spaced no-print">
                @if(!empty($canEdit) && $canEdit)
                    <a href="{{ route('enothi.edit', $file->id) }}" class="btn btn-sm btn-primary">
                        <i class="fas fa-edit"></i> {{ __('Edit') }}
                    </a>
                @endif
                @if(!empty($canDelete) && $canDelete)
                    <a href="javascript:void(0)" class="btn btn-sm btn-danger delete_modal"
                       data-href="{{ route('enothi.destroy', $file->id) }}">
                        <i class="fas fa-trash"></i> {{ __('Delete') }}
                    </a>
                @endif
                <a href="{{ route('enothi.print', ['id' => $file->id, 'type' => 'application']) }}" target="_blank" class="btn btn-sm btn-primary">
                    <i class="mdi mdi-printer"></i> {{ __('Print Application') }} / আবেদন প্রিন্ট
                </a>
                <a href="{{ route('enothi.print', ['id' => $file->id, 'type' => 'full']) }}" target="_blank" class="btn btn-sm btn-outline-primary">
                    <i class="mdi mdi-file-document-outline"></i> {{ __('Print with Noting') }} / নথিসহ
                </a>
                @if(!empty($canClose) && $canClose)
                    <button type="button" class="btn btn-sm btn-secondary" data-toggle="modal" data-target="#enothiCloseModal">
                        <i class="mdi mdi-lock"></i> {{ __('Close File') }}
                    </button>
                @endif
            </div>
        </div>

        <div class="card border-0 shadow-sm">
            <div class="card-body p-3 p-md-4">
                @include('admin.enothi.partials.detail', [
                    'file' => $file,
                    'canAct' => $canAct ?? false,
                    'isOverdue' => $isOverdue ?? false,
                    'forwardUsers' => $forwardUsers ?? collect(),
                    'nextApprover' => $nextApprover ?? null,
                ])
            </div>
        </div>
    </div>

    @if(!empty($canClose) && $canClose)
        <div class="modal fade" id="enothiCloseModal" tabindex="-1" role="dialog" aria-labelledby="enothiCloseModalLabel" aria-hidden="true">
            <form method="post" action="{{ route('enothi.close', $file->id) }}">
                @csrf
                <div class="modal-dialog modal-dialog-centered" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="enothiCloseModalLabel">{{ __('Close file') }}</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('Close') }}">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <p class="text-muted small mb-3">
                                {{ __('Add a closing note for the record, then confirm.') }}
                            </p>
                            <div class="form-group mb-0">
                                <label for="enothi_close_note">{{ __('Close note') }} <span class="text-danger">*</span></label>
                                <textarea name="note" id="enothi_close_note" class="form-control @error('note') is-invalid @enderror"
                                          rows="4" required maxlength="5000"
                                          placeholder="{{ __('Write the closing observation / decision note') }}">{{ old('note') }}</textarea>
                                @error('note')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Cancel') }}</button>
                            <button type="submit" class="btn btn-secondary">{{ __('Close File') }}</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    @endif
@endsection

@section('script')
    @if($errors->has('note'))
        <script>
            $('#enothiCloseModal').modal('show');
        </script>
    @endif
@endsection