@extends('backend.layouts.app')

@section('title', 'Create Tender')

@section('content')
    @php
        $pageTitle = 'Create Tender';
        $indexRoute = 'content-tender.index';
        $indexLabel = 'Tenders';
    @endphp
    @include('backend.layouts.partials._page_header')

    <form action="{{ route('content-tender.store') }}" method="POST" enctype="multipart/form-data">
        @csrf
        <div class="space-y-6">
            @include('backend.module.contentTender._form')

            <div class="flex justify-end gap-3">
                <a href="{{ route('content-tender.index') }}"
                    class="rounded-lg border border-gray-300 px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 dark:border-gray-700 dark:text-gray-300">
                    Cancel
                </a>
                <button type="submit" class="rounded-lg bg-brand-500 px-4 py-2 text-sm text-white hover:bg-brand-600">
                    Save
                </button>
            </div>
        </div>
    </form>
@endsection

@push('styles')
    <style>
        [x-cloak] { display: none !important; }
    </style>
@endpush

@push('scripts')
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            document.querySelectorAll('.filepond').forEach(function (el) {
                FilePond.create(el, {
                    credits: false,
                    allowImagePreview: false,
                    storeAsFile: true,
                    allowMultiple: el.hasAttribute('multiple'),
                    maxFiles: el.dataset.maxFiles ? parseInt(el.dataset.maxFiles, 10) : null
                });
            });
        });
    </script>
@endpush