@extends('layouts/default')

{{-- Page title --}}
@section('title')
    {{ ' List Form Assets ' }}
    @parent
@stop

{{-- Page content --}}
@section('content')

    <div class="row">
        <div class="col-md-12">
            <div class="box box-default">
                <div class="box-body">

                    @if (session()->has('message'))
                        <div class="alert alert-success">
                            {{ session()->get('message') }}
                        </div>
                    @endif

                    <div class="row">
                        <div class="col-md-12">
                            <a href="{{ $url_create_form }}"><button class="btn btn-primary"> Create Form</button> </a>
                            <br />
                            <br />
                            {{--
                        <!-- Search Form -->
                        <form method="GET" action="{{ route('forms.index') }}">
                            <label for="perPage">Tampilkan:</label>
                            <select name="perPage" id="perPage" onchange="this.form.submit()">
                                <option value="10" {{ request('perPage')==10 ? 'selected' : '' }}>10</option>
                                <option value="50" {{ request('perPage')==50 ? 'selected' : '' }}>50</option>
                                <option value="100" {{ request('perPage')==100 ? 'selected' : '' }}>100</option>
                                <option value="200" {{ request('perPage')==200 ? 'selected' : '' }}>200</option>
                                <option value="500" {{ request('perPage')==500 ? 'selected' : '' }}>500</option>
                                <option value="all" {{ request('perPage')=='all' ? 'selected' : '' }}>Semua</option>
                            </select>
                        </form>

                        <form method="GET" action="{{ route('forms.index') }}" class="mb-3">
                            <input type="text" name="searchForm" class="form-control"
                                placeholder="Masukkan No Form atau Nama User" value="{{ request('searchForm') }}">
                        </form> --}}
                            <!-- Search Form -->
                            <form method="GET" action="{{ route('forms.index') }}">
                                <div class="row space-y-2">
                                    <div class="col-md-12">
                                        <label for="perPage">Tampilkan:</label>
                                        <select name="perPage" id="perPage" name="perPage">
                                            <option value="10" {{ request('perPage') == 10 ? 'selected' : '' }}>10
                                            </option>
                                            <option value="50" {{ request('perPage') == 50 ? 'selected' : '' }}>50
                                            </option>
                                            <option value="100" {{ request('perPage') == 100 ? 'selected' : '' }}>100
                                            </option>
                                            <option value="200" {{ request('perPage') == 200 ? 'selected' : '' }}>200
                                            </option>
                                            <option value="500" {{ request('perPage') == 500 ? 'selected' : '' }}>500
                                            </option>
                                            <option value="all" {{ request('perPage') == 'all' ? 'selected' : '' }}>Semua
                                            </option>
                                        </select>
                                    </div>
                                    <div class="col-md-10">
                                        <input type="text" name="searchForm" class="form-control"
                                            placeholder="Masukkan No Form atau Nama User" name="searchForm"
                                            value="{{ old('searchForm', request('searchForm')) }}">
                                    </div>
                                    <div class="col-md-2 d-grid gap-2 d-md-block">
                                        <button type="submit" class="btn btn-primary">
                                            <i class="fa-solid fa-magnifying-glass"></i>
                                            Cari
                                        </button>
                                        <a href="{{ route('forms.index') }}" type="submit" class="btn btn-danger">
                                            <i class="fa-solid fa-trash"></i>
                                            Hapus
                                        </a>

                                    </div>
                                </div>

                            </form>
                            {{--
                        <form method="GET" action="{{ route('forms.index') }}" class="mb-3">
                        </form> --}}
                            <br />
                            <!-- Table -->

                            <form id="bulkForm" action="{{ route('forms.bulkUpload') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                            </form>

                            <div class="d-flex justify-content-between align-items-center mb-3">
                                <button type="submit" form="bulkForm" class="btn btn-success ms-auto" style="color: white;">
                                    <i class="fas fa-upload me-1"></i> Bulk Upload
                                </button>
                            </div>

                            <table class="table table-bordered" style="margin-top: 6px;">
                                <thead>
                                    <tr>
                                        <th>No</th>
                                        <th>
                                            <a href="{{ route('forms.index', array_merge(request()->query(), ['sortBy' => 'form_number', 'sortOrder' => request('sortOrder') === 'asc' ? 'desc' : 'asc'])) }}">
                                                Nomor Form
                                            </a>
                                        </th>
                                        <th>Tipe</th>
                                        <th>User</th>
                                        <th>TTD User</th>
                                        <th>TTD Support</th>
                                        <th>IT Support</th>
                                        <th>IT Asset</th>
                                        <th>
                                            <a href="{{ route('forms.index', array_merge(request()->query(), ['sortBy' => 'created_at', 'sortOrder' => request('sortOrder') === 'asc' ? 'desc' : 'asc'])) }}">
                                                Tanggal dan Waktu Pembuatan
                                            </a>
                                        </th>
                                        {{-- <th>Upload Status</th> --}}
                                        <th>Upload Action</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($forms as $index => $form)
                                        <tr>
                                            <td>{{ ($forms->currentPage() - 1) * $forms->perPage() + $index + 1 }}</td>
                                            <td>
                                                @php
                                                    $link = $form->asset_ids
                                                        ? url('forms/view/' . $form->id)
                                                        : url('forms/' . $form->form_code . '/' . $form->id . '/' . $form->company_id . '/view');
                                                @endphp
                                                <a target="_blank" href="{{ $link }}">{{ $form->form_number }}</a>
                                            </td>
                                            <td>{{ $form->formcode->description }}</td>
                                            <td>{{ optional($form->user)->getFullNameAttribute() ?? '-' }}</td>
                                            <td>{!! $form->getFlagSignature() !!}</td>
                                            <td>{!! $form->getFlagSignatureITSupport() !!}</td>
                                            <td>{{ optional($form->support)->getFullNameAttribute() ?? '-' }}</td>
                                            <td>{{ optional($form->admin)->getFullNameAttribute() ?? '-' }}</td>
                                            <td>{{ $form->created_at }}</td>
                                            {{-- <td>
                                                @if (!$form->form_path)
                                                    <span style="color:red;">Belum diupload</span>
                                                @else
                                                    <a href="{{ url('doc_forms', $form->form_path) }}" target="_blank" style="color:green;">
                                                        Sudah diupload
                                                    </a>
                                                @endif
                                            </td> --}}
                                            <td>
                                                <div style="display:flex; justify-content:center; align-items:center; gap:8px;">

                                                    {{-- ✅ form="bulkForm" terikat ke bulk form di luar --}}
                                                    <input
                                                        class="form-control form-control-sm"
                                                        type="file"
                                                        name="files[{{ $form->id }}]"
                                                        form="bulkForm"
                                                        accept="application/pdf"
                                                        style="max-width:200px;"
                                                        onchange="previewPDF(this, '{{ $form->id }}')"
                                                    >

                                                    
                                                    <a id="previewLink_{{ $form->id }}"
                                                        href="#"
                                                        target="_blank"
                                                        class="btn btn-sm btn-warning text-white"
                                                        style="display:none; white-space:nowrap;"
                                                    >
                                                        <i class="fas fa-eye"></i> Lihat
                                                    </a>

                                                </div>
                                            </td>
                                            <td>
                                                @php
                                                    $link_edit = $form->asset_ids
                                                        ? url('forms/edit/' . $form->id)
                                                        : url('formassets/' . $form->id . '/edit');
                                                @endphp
                                                <table>
                                                    <tr>
                                                        <td>
                                                            <a href="{{ $link_edit }}" class="btn btn-sm btn-primary">Edit</a>
                                                        </td>
                                                        <td>
                                                            {{-- ✅ Form delete tetap di dalam forelse, tidak nested karena bulk form ada di luar tabel --}}
                                                            <form
                                                                action="{{ route('forms.destroy', $form->id) }}"
                                                                method="POST"
                                                                onsubmit="return confirm('Yakin ingin menghapus data ini?');"
                                                            >
                                                                @csrf
                                                                @method('DELETE')
                                                                <input type="hidden" name="form_path" value="{{ $form->form_path }}">
                                                                <button class="btn btn-sm btn-danger">Hapus</button>
                                                            </form>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="12" class="text-center">Data tidak ditemukan !!!</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>

                            <!-- Pagination -->
                            <div>
                                {{ $forms->appends(['searchForm' => request('searchForm'), 'form_page' => request('form_page')])->links() }}
                                <p>Total Data: {{ $total }}</p>
                            </div>

                            <hr />
                            <h3>Download Data</h3>

                            <form method="GET" action="{{ route('forms.export') }}">
                                <div class="row">
                                    <div class="col-md-2">
                                        <label>Start Date:</label>
                                        <input type="text" name="start_date" class="form-control datepicker" required>
                                    </div>
                                    <div class="col-md-2">
                                        <label>End Date:</label>
                                        <input type="text" name="end_date" class="form-control datepicker" required>
                                    </div>
                                    <div class="col-md-3">
                                        <br />
                                        <button type="submit" class="btn btn-success">Download</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div><!-- /.box-body -->
            </div><!-- /.box -->
        </div>
    </div>

    @push('js')
        <script>
            const _objectURLs = {};

            function previewPDF(input, formId) {
                const linkEl = document.getElementById('previewLink_' + formId);

                if (_objectURLs[formId]) {
                    URL.revokeObjectURL(_objectURLs[formId]);
                    delete _objectURLs[formId];
                }

                const file = input.files[0];
                if (!file) { linkEl.style.display = 'none'; return; }

                const url            = URL.createObjectURL(file);
                _objectURLs[formId]  = url;
                linkEl.href          = url;
                linkEl.style.display = 'inline-block';
            }
        </script>
    @endpush()
@stop