@extends('layouts.admin', ['menu' => 'print'])
@section('title', 'প্রিন্ট / PDF')
@section('content')
@php
  $mode = $per['mode'];
  $yearNow = (int) date('Y');
  $selMonths = array_flip((array) request('ms', []));
  $msYear = (int) request('msy', $yearNow);
  $monthOpts = function (string $sel) use ($yearNow) {
      $h = '';
      for ($y = $yearNow - 3; $y <= $yearNow + 2; $y++) for ($m = 1; $m <= 12; $m++) {
          $v = sprintf('%04d-%02d', $y, $m);
          $h .= '<option value="' . $v . '"' . ($v === $sel ? ' selected' : '') . '>' . bn_months()[$m] . ' ' . bn($y) . '</option>';
      }
      return $h;
  };
  $yearOpts = function ($sel) use ($yearNow) {
      $h = '';
      for ($y = $yearNow - 10; $y <= $yearNow + 3; $y++) $h .= '<option value="' . $y . '"' . ((int) $sel === $y ? ' selected' : '') . '>' . bn($y) . '</option>';
      return $h;
  };
@endphp
<section class="card no-print pr-ctl">
  <form method="get" id="prForm">
    <div class="pr-modes" role="radiogroup">
      @foreach (print_modes() as $k => $lb)
        <label class="pr-mode"><input type="radio" name="pm" value="{{ $k }}" @checked($mode === $k)><span>{{ $lb }}</span></label>
      @endforeach
    </div>
    <div class="pr-fields">
      <div class="pr-f" data-m="day"><label>তারিখ<input type="text" name="d" class="datepicker" value="{{ $mode === 'day' ? bn_date($per['ranges'][0][0]) : bn_date(date('Y-m-d')) }}" autocomplete="off"></label></div>
      <div class="pr-f" data-m="range">
        <label>থেকে<input type="text" name="from" class="datepicker" value="{{ $mode === 'range' ? bn_date($per['ranges'][0][0]) : bn_date(date('Y-m-01')) }}" autocomplete="off"></label>
        <label>পর্যন্ত<input type="text" name="to" class="datepicker" value="{{ $mode === 'range' ? bn_date($per['ranges'][0][1]) : bn_date(date('Y-m-t')) }}" autocomplete="off"></label>
      </div>
      <div class="pr-f" data-m="month"><label>মাস<select name="m">{!! $monthOpts(request('m', date('Y-m'))) !!}</select></label></div>
      <div class="pr-f" data-m="months">
        <label>বছর<select name="msy" id="msy">{!! $yearOpts($msYear) !!}</select></label>
        <div class="pr-mgrid">
          @for ($m = 1; $m <= 12; $m++)
            @for ($y = $yearNow - 10; $y <= $yearNow + 3; $y++)
              @php($v = sprintf('%04d-%02d', $y, $m))
              <label class="pr-mchk" data-y="{{ $y }}" @if ($y !== $msYear) hidden @endif><input type="checkbox" name="ms[]" value="{{ $v }}" @checked(isset($selMonths[$v]))><span>{{ bn_months()[$m] }}</span></label>
            @endfor
          @endfor
        </div>
        <small class="muted">অন্য বছরের মাসও বাছাই করতে বছর বদলে টিক দিন — আগের টিক থেকে যাবে।</small>
      </div>
      <div class="pr-f" data-m="mrange">
        <label>শুরুর মাস<select name="mf">{!! $monthOpts(request('mf', date('Y-01'))) !!}</select></label>
        <label>শেষের মাস<select name="mt">{!! $monthOpts(request('mt', date('Y-m'))) !!}</select></label>
      </div>
      <div class="pr-f" data-m="year"><label>বছর<select name="y">{!! $yearOpts(request('y', $yearNow)) !!}</select></label></div>
      <div class="pr-f" data-m="yrange">
        <label>শুরুর বছর<select name="yf">{!! $yearOpts(request('yf', $yearNow - 1)) !!}</select></label>
        <label>শেষের বছর<select name="yt">{!! $yearOpts(request('yt', $yearNow)) !!}</select></label>
      </div>
    </div>
    <div class="pr-opts">
      @if (multi_room())<label>কক্ষ<select name="room">{!! room_options($prRoom, true, true) !!}</select></label>@endif
      <label>পাতা<select name="o"><option value="p">A4 লম্বালম্বি</option><option value="l" @selected($orient === 'l')>A4 আড়াআড়ি</option></select></label>
      <label>প্রিন্টের ভাষা<select name="pl"><option value="bn">বাংলা</option><option value="en" @selected($pl === 'en')>English</option></select></label>
      <label class="inline"><input type="checkbox" name="contact" value="1" @checked($withContact)> যোগাযোগের তথ্যসহ</label>
      <input type="hidden" name="sign" value="0"><label class="inline"><input type="checkbox" name="sign" value="1" @checked($withSign)> নিচে স্বাক্ষর</label>
      <input type="hidden" name="by" value="0"><label class="inline"><input type="checkbox" name="by" value="1" @checked($withBy)> "প্রিন্ট করেছেন" লেখা</label>
      <button class="btn btn-primary">দেখুন</button>
    </div>
  </form>
  @if ($per['error'])<p class="alert alert-warn mt">{{ $per['error'] }}</p>@endif
  @if ($canDesign)
    @php($plu = setting_raw($pl === 'en' ? 'print_logo_en' : 'print_logo') ? print_logo_url($pl) : '')
    <form method="post" enctype="multipart/form-data" class="uni-logo" action="{{ route('admin.print.save', request()->query()) }}">
      @csrf<input type="hidden" name="do" value="logo">
      <span class="uni-logo-img">@if ($plu)<img src="{{ $plu }}" alt="">@else<span class="muted small">লোগো নেই</span>@endif</span>
      <span class="uni-logo-txt"><strong>বিশ্ববিদ্যালয়ের লোগো ({{ $pl === 'en' ? 'English' : 'বাংলা' }} প্রিন্টে)</strong>
        <small class="muted">{{ $plu ? 'প্রতিটি প্রিন্ট পাতার উপরে এই লোগো বসে।' : 'এখনো দেওয়া হয়নি — না দিলে হেডারের লোগো ব্যবহার হবে।' }} PNG/JPG/WEBP, সর্বোচ্চ ২ MB</small></span>
      <label class="btn btn-primary btn-sm uni-logo-pick">⬆ {{ $plu ? 'লোগো বদলান' : 'লোগো আপলোড করুন' }}
        <input type="file" name="plogo" accept="image/png,image/jpeg,image/webp" onchange="if(this.files.length)this.form.submit()" hidden></label>
      @if ($plu)<button class="btn btn-ghost btn-sm" name="remove" value="1" onclick="return confirm('বিশ্ববিদ্যালয়ের লোগো মুছে ফেলবেন?')">মুছুন</button>@endif
    </form>
  @endif
  <div class="pr-actions">
    <span class="muted">{{ print_period(request()->query(), lang())['label'] }} — {{ is_en() ? 'Total ' . count($rows) . (count($rows) === 1 ? ' Event' : ' Events') : 'মোট ' . bn(count($rows)) . 'টি অনুষ্ঠান' }}, <span id="pgCount">…</span></span>
    <span class="btn-row">
      <button type="button" class="btn btn-primary" id="btnPrint">🖨 প্রিন্ট</button>
      <button type="button" class="btn btn-primary" id="btnPdf">⬇ PDF ডাউনলোড</button>
      @if ($canDesign)<button type="button" class="btn btn-ghost" id="btnEdit">✎ নকশা সাজান</button>@endif
      @if (is_super())<a class="btn btn-ghost" href="{{ route('admin.signatures') }}">✍ স্বাক্ষর</a>@endif
    </span>
  </div>
</section>

@if ($canDesign)
<section class="card no-print pd-panel" id="pdPanel" hidden>
  <div class="pd-panel-top">
    <strong>নকশা সাজানো — {{ $pl === 'en' ? 'English' : 'বাংলা' }}, {{ $orient === 'l' ? 'A4 আড়াআড়ি' : 'A4 লম্বালম্বি' }}</strong>
    <span class="muted small">বাংলা/English এবং A4 লম্বালম্বি/আড়াআড়ি — চারটি পাতার নকশা আলাদা। এখানে যা বদলাবেন তা শুধু এই পাতার নকশায় থাকবে।</span>
    <span class="muted small">প্রথম পাতার উপরের অংশে লোগো বা লেখায় চাপ দিয়ে টেনে সরান; কোণের ◢ টেনে আকার বদলান। দাগের নিচের লাইন ও পাতার নিচের লেখায় চাপ দিলে সেগুলোও বদলানো যায়। প্রতিটি পাতায় একই নকশা বসবে।</span>
  </div>
  <div class="pd-tools">
    <div class="pd-sel" id="pdSel"><span class="muted">কিছু বাছাই করা হয়নি</span></div>
    <div class="pd-gen">
      <label>উপরের অংশের উচ্চতা<input type="range" id="pdHH" min="40" max="400"></label>
      <label>দাগ <select id="pdRule"><option value="0">দাগ নেই</option><option value="1">সরু</option><option value="2">মাঝারি</option><option value="3">মোটা</option><option value="4">খুব মোটা</option></select></label>
      <label>আড়াআড়ি পাতায় উপরের অংশ <select id="pdHpos"><option value="left">বাঁয়ে (টেবিলের সাথে মিলিয়ে)</option><option value="center">মাঝে</option></select></label>
      <span class="btn-row">টেবিলের লেখা <button type="button" class="btn btn-ghost btn-sm" id="pdTm">A−</button><button type="button" class="btn btn-ghost btn-sm" id="pdTp">A+</button> <small class="muted" id="pdTsz"></small></span>
      <label><input type="checkbox" id="pdShade"> টেবিলের মাথায় ধূসর রং</label>
      <div class="pd-cw-row"><span class="muted small">টেবিলের কলামের চওড়া (%) — − / + চেপে বাড়ান-কমান, তারপর "সংরক্ষণ" চাপুন</span><div id="pdCw" class="pd-cw"></div></div>
      <button type="button" class="btn btn-ghost btn-sm" id="pdAdd">+ নতুন লেখা</button>
      <button type="button" class="btn btn-ghost btn-sm" id="pdReset">ডিফল্টে ফেরান</button>
      <button type="button" class="btn btn-primary btn-sm" id="pdSave">নকশা সংরক্ষণ</button>
      <span id="pdMsg" class="small"></span>
    </div>
  </div>
  <p class="muted small">লেখায় যা লিখতে পারেন: <code>{university}</code> বিশ্ববিদ্যালয়, <code>{office}</code> দপ্তর, <code>{building}</code> ভবন, <code>{room}</code> কক্ষ, <code>{period}</code> বাছাই করা সময়কাল, <code>{printdate}</code> প্রিন্টের তারিখ, <code>{printby}</code> যিনি প্রিন্ট করেছেন — এগুলো নিজে থেকে বসে যাবে। কোনো লেখা দুই লাইনে লিখতে Enter চাপুন। পাতার নিচের লেখাতেও (ফুটার) চাপ দিয়ে বদলানো যায়।</p>
</section>
@endif

@include('partials.print_sheets', ['room' => $prRoom])
@endsection