@extends('front.layouts.front')
@section('maincss')
    {{-- <link rel="stylesheet" href="https://cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css"> --}}
@endsection
@section('content')
    <!-- page title -->
    <section class="section section--first section--last section--head" data-bg="{{ asset('assets/img/bg.jpg') }}">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section__wrap">
                        <h2 class="section__title">Film Festival</h2>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end page title -->

    <!-- section -->
    <section class="section">
        <div class="container">
            {{-- Begin:: search --}}
            <form action="{{ route('front.film-festival.index') }}" method="get" id="newsfilter">
                <div class="sort justify-content-between">
                    <div class="filter__group filter__group--sort w-100 mr-3">
                        <label for="search" class="filter__label">Search:</label>
                        <input class="filter__input" name="q" id="search" type="text" placeholder="Search Festivals..." />
                    </div>

                    <div class="buttonWithLoder">
                        <button type="submit" class="btn header__login">
                            <span>Search</span>
                        </button>
                    </div>
                </div>
            </form>
            {{-- End:: search --}}

            {{-- Begin:: festival Cards --}}
            <div class="row">
                @foreach ($filmfestivals as $filmfestival)
                    <div class="col-12 col-lg-6">
                        <div class="post row mx-0">
                            <a href="{{ route('front.film-festival.details',[$filmfestival->uuid]) }}" class="festive__img col-md-3">
                                <img src="{{ $filmfestival->logo }}" class="img-fluid" alt="Logo">
                            </a>
                            <div class="post__content col-md-9">
                                <h3 class="post__title mt-0"><a href="{{ route('front.film-festival.details',[$filmfestival->uuid]) }}">{{ $filmfestival->name }}</a></h3>
                                <p class="mb-0 text-white small mt-2">{{ $filmfestival->city.', '.$filmfestival->state.', '.$filmfestival->country->name }}</p>
                                <p class="mb-0 text-white small">{{ $filmfestival->running_year }}</p>
                                <div class="text-right">
                                    <a href="{{ route('front.film-festival.form',[$filmfestival->uuid]) }}" class="btn btn-theme text-white ">Submit Now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach

                {{-- <div class="col-12 col-lg-6">
                    <div class="post row mx-0">
                        <a href="" class="festive__img col-md-3">
                            <img src="https://filmfreeway-production-storage-01-storage.filmfreeway.com/festivals/logos/000/007/007/default/logo.jpg?1675909485" class="img-fluid " alt="Logo">
                        </a>
                        <div class="post__content col-md-9">
                            <h3 class="post__title mt-0"><a href="">Nantucket Film Festival & Screenplay Competition</a></h3>
                            <p class="mb-0 text-white small mt-2">New York, NY, United States</p>
                            <p class="mb-0 text-white small">20 Year</p>
                            <div class="text-right">
                                <a href="#" class="btn btn-theme text-white ">Submit Now</a>
                            </div>
                        </div>
                    </div>
                </div> --}}
            </div>
            {{-- End:: festival Cards --}}
        </div>
    </section>
    <!-- end section -->
@endsection

@section('script')
@endsection