@extends('layouts.public')
@section('title', 'অনলাইন আবেদন')
@section('content')
@if ($done)
  <section class="card success-card">
    <div class="big-check">✓</div>
    <h1>আপনার আবেদন জমা হয়েছে</h1>
    <p>অ্যাডমিন/সুপার অ্যাডমিন অনুমোদন দিলে বুকিং নিশ্চিত হবে। নিচের ট্র্যাকিং কোডটি সংরক্ষণ করুন।</p>
    <div class="track-code">{{ $done['code'] }}</div>
    <button class="btn btn-ghost btn-sm" type="button" onclick="navigator.clipboard&&navigator.clipboard.writeText('{{ $done['code'] }}');this.textContent='কপি হয়েছে ✓'">কোড কপি করুন</button>
    <table class="kv mt">
      @if (multi_room())<tr><th>কক্ষ</th><td>{{ room_title($done['d']['room_id']) }}</td></tr>@endif
      <tr><th>অনুষ্ঠান</th><td>{{ $done['d']['program_name'] }}</td></tr>
      <tr><th>তারিখ</th><td>{{ bn_date($done['d']['booking_date']) }}, {{ bn_day($done['d']['booking_date']) }}</td></tr>
      <tr><th>সময়</th><td>{{ bn_time($done['d']['start_time']) }} – {{ bn_time($done['d']['end_time']) }}</td></tr>
    </table>
    @if ($done['pend'])<p class="alert alert-warn">একই সময়ের জন্য আরও {{ bn($done['pend']) }}টি আবেদন অপেক্ষমাণ আছে; যেকোনো একটি অনুমোদিত হবে।</p>@endif
    <p class="mt"><a class="btn btn-primary" href="{{ route('track', ['code' => $done['code']]) }}">আবেদনের অবস্থা দেখুন</a>
       <a class="btn btn-ghost" href="{{ route('home') }}">ক্যালেন্ডারে ফিরুন</a></p>
  </section>
@else
  @php($pre = parse_date(request('date')) ? bn_date(request('date')) : '')
  <section class="card form-card">
    <h1 class="card-title">কক্ষ বুকিংয়ের অনলাইন আবেদন</h1>
    <p class="muted">{{ multi_room() ? setting('office') : room_title() . ', ' . setting('office') }}। {{ setting('notice') }}</p>
    @if ($ae = admin_entry_url(parse_date(request('date')) ?: null, request('s'), request('e')))
      <p class="alert alert-info">আপনি অ্যাডমিন হিসেবে লগইন আছেন — অনলাইন আবেদনের বদলে সরাসরি এন্ট্রি দিতে পারেন। <a class="btn btn-primary btn-sm" href="{{ $ae }}">+ সরাসরি এন্ট্রি দিন</a></p>
    @endif
    @include('partials.errors')
    <form method="post" action="{{ route('request.store') }}" enctype="multipart/form-data" class="form-grid" novalidate>
      @csrf
      <input type="text" name="website" class="hp" tabindex="-1" autocomplete="off">
      <fieldset>
        <legend>অনুষ্ঠানের তথ্য</legend>
        @if (multi_room())
          <label class="span-2">কক্ষ <b>*</b><select name="room_id" required id="reqRoom"><option value="">— কক্ষ বাছুন —</option>{!! room_options((int) old('room_id', request('room', 0))) !!}</select></label>
        @else<input type="hidden" name="room_id" id="reqRoom" value="{{ default_room_id() }}">@endif
        <label class="span-2">অনুষ্ঠানের নাম <b>*</b><input type="text" name="program_name" maxlength="255" required value="{{ old('program_name') }}"></label>
        <label>তারিখ <b>*</b><input type="text" name="booking_date" class="datepicker" data-min="today" placeholder="দিন/মাস/বছর" autocomplete="off" required value="{{ old('booking_date', $pre) }}"></label>
        <label>সম্ভাব্য অংশগ্রহণকারী<input type="text" name="attendees" inputmode="numeric" value="{{ old('attendees') }}"></label>
        <label>শুরুর সময় <b>*</b><select name="start_time" required>{!! time_options(old('start_time', request('s'))) !!}</select></label>
        <label>শেষের সময় <b>*</b><select name="end_time" required>{!! time_options(old('end_time', request('e'))) !!}</select></label>
        <div class="span-2 day-info" id="dayInfo" data-api="{{ route('day.info') }}" hidden></div>
        <label class="span-2">আয়োজক (বিভাগ/সংগঠন/প্রকল্প)<input type="text" name="organizer" value="{{ old('organizer') }}" data-combo="dept"></label>
        <label class="span-2">অনুষ্ঠানের বিবরণ<textarea name="description" rows="3">{{ old('description') }}</textarea></label>
      </fieldset>
      <fieldset>
        <legend>আবেদনকারীর তথ্য</legend>
        <label>নাম <b>*</b><input type="text" name="applicant_name" required value="{{ old('applicant_name') }}"></label>
        <label>পদবি <b>*</b><input type="text" name="designation" data-combo="desig" required value="{{ old('designation') }}"></label>
        <label class="span-2">বিভাগ/দপ্তর <b>*</b><input type="text" name="department" data-combo="dept" required value="{{ old('department') }}"></label>
        <label>মোবাইল <b>*</b><input type="tel" name="mobile" inputmode="tel" placeholder="০১XXXXXXXXX" required value="{{ old('mobile') }}"></label>
        <label>ইমেইল <b>*</b><input type="email" name="email" required value="{{ old('email') }}"></label>
      </fieldset>
      <fieldset>
        <legend>প্রমাণপত্র / অনুমতিপত্র</legend>
        <label class="span-2">ফাইল (PDF/JPG/PNG) — একাধিক ফাইল একসাথে বাছাই করা যাবে (সর্বোচ্চ {{ bn(MAX_PROOF_FILES) }}টি, প্রতিটি {{ bn(max_upload_mb()) }} MB পর্যন্ত) @if (setting('proof_required') === '1')<b>*</b>@endif
          <input type="file" name="proof[]" multiple accept=".pdf,.jpg,.jpeg,.png,.webp,application/pdf,image/*" @if (setting('proof_required') === '1' && empty($pendList)) required @endif>
        </label>
        @if (!empty($pendList))
        <div class="span-2 pend-files">
          <p class="small"><b>✓ আগে দেওয়া ফাইল সংযুক্ত আছে</b> — আবার বাছাই করতে হবে না। বাদ দিতে চাইলে টিক দিন।</p>
          <ul>@foreach ($pendList as [$pn, $po])<li><label class="chk"><input type="checkbox" name="drop_file[]" value="{{ $pn }}"> <span>📎 {{ $po }}</span> <small class="muted">(বাদ দিন)</small></label></li>@endforeach</ul>
        </div>
        @endif
        <p class="muted small span-2">যেমন: বিভাগীয় প্রধান/কর্তৃপক্ষের অনুমতিপত্র, অফিস আদেশ বা অনুষ্ঠানের নোটিশ। ফর্মে কোনো ভুল থাকলেও দেওয়া ফাইল আবেদন জমা না হওয়া পর্যন্ত সংযুক্ত থাকবে।</p>
        <label>যাচাই: {{ bn($a) }} + {{ bn($b) }} = ? <b>*</b><input type="text" name="captcha" inputmode="numeric" required autocomplete="off"></label>
      </fieldset>
      @if (($rn = req_note()) !== '')<p class="alert alert-warn req-note span-2">⚠ {!! nl2br(r501_e($rn)) !!}</p>@endif
      <div class="form-actions span-2"><button class="btn btn-primary btn-lg">আবেদন জমা দিন</button></div>
    </form>
  </section>
@endif
@endsection