@extends('components.dashboard.layouts.master')

@section('title', __('Edit Rule'))

@section('content')
    <div class="app-content content">
        <div class="content-wrapper d-flex justify-content-center align-items-center" style="min-height: 80vh;">
            <div class="col-md-8 col-lg-6">
                <div class="card shadow">
                    <div class="card-header text-center">
                        <h4 class="mb-0">{{ __('Edit Rule') }}</h4>
                    </div>
                    <div class="card-body">
                        <form action="{{ route('teacher.rules.store') }}" method="POST" enctype="multipart/form-data">
                            @csrf

                            {{-- Current PDF --}}
                            @if (!empty($rule) && $rule->pdf)
                                <div class="form-group">
                                    <label class="font-weight-bold">{{ __('Current PDF') }}</label>
                                    <ul class="list-group mb-2">
                                        <li class="list-group-item d-flex justify-content-between align-items-center">
                                            <a href="{{ $rule->pdf }}" target="_blank">{{ basename($rule->pdf) }}</a>
                                        </li>
                                    </ul>
                                </div>
                            @endif

                            {{-- Upload New PDF --}}
                            <div class="form-group">
                                <label for="pdf">{{ __('Upload New PDF') }}</label>
                                <input type="file" name="pdf" id="pdf" class="form-control" accept="application/pdf">
                                @error('pdf') <small class="text-danger">{{ $message }}</small> @enderror
                            </div>

                            <div class="text-center mt-4">
                                <button type="submit" class="btn btn-success px-4">{{ __('Update Rule') }}</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@endsection