@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            @if ($authorize->add == '1')
                <button class="btn btn-primary mb-0"
                    onclick="event.preventDefault(); document.getElementById('{{ $dmenu }}-form').submit();">
                    <i class="fas fa-bolt me-1"></i><span class="font-weight-bold">Execute</span>
                </button>
            @endif
        </div>
    </div>

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-lg-5">
                <div class="card">
                    <form method="POST" action="{{ URL::to($url_menu) }}" id="{{ $dmenu }}-form">
                        @csrf
                        <div class="card-body">
                            <p class="text-uppercase text-sm">Filter {{ $title_menu }}</p>
                            <hr class="horizontal dark mt-0">

                            <div class="mb-3">
                                <label class="form-control-label">Bulan Download</label>
                                <select name="report-filter-month" class="form-select">
                                    <option value="">ALL</option>
                                    @foreach ([1 => 'Januari', 2 => 'Februari', 3 => 'Maret', 4 => 'April', 5 => 'Mei', 6 => 'Juni', 7 => 'Juli', 8 => 'Agustus', 9 => 'September', 10 => 'Oktober', 11 => 'November', 12 => 'Desember'] as $number => $name)
                                        <option value="{{ $number }}" {{ $selectedMonth === $number ? 'selected' : '' }}>{{ $name }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="mb-3">
                                <label class="form-control-label">Tahun Download</label>
                                <select name="report-filter-year" class="form-select">
                                    <option value="">ALL</option>
                                    @foreach ($years as $year)
                                        <option value="{{ $year }}" {{ $selectedYear === (int) $year ? 'selected' : '' }}>{{ $year }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="mb-3">
                                <label class="form-control-label">IT Download</label>
                                <select name="it_download" class="form-select">
                                    <option value="">ALL</option>
                                    @foreach ($downloaders as $username)
                                        <option value="{{ $username }}">{{ $username }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="mb-3">
                                <label class="form-control-label">IT Konfirmasi Upload</label>
                                <select name="it_up" class="form-select">
                                    <option value="">ALL</option>
                                    @foreach ($uploaders as $username)
                                        <option value="{{ $username }}">{{ $username }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="mb-3">
                                <label class="form-control-label">Status Batch</label>
                                <select name="batch_status" class="form-select">
                                    <option value="">ALL</option>
                                    <option value="PENDING">Sedang Diproses</option>
                                    <option value="SELESAI">Selesai</option>
                                </select>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection