@extends('front.layouts.front')
@section('content')
    <!-- Begin:: banner & logo -->
    <section class="section section--head festive-banner" data-bg="{{ $filmfestival->banner }}"></section>
    <div class="container">
        <div class="d-md-flex">
            <div class="festive-logo">
                <img src="{{ $filmfestival->logo }}" class="img-fluid" alt="Logo">
            </div>
            <h3 class="text-start text-white mb-0 p-3">{{ $filmfestival->name }}</h3>
        </div>
    </div>
    <!-- End:: Banner & logo -->

    <!-- section -->
    <section class="section pt-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-9 order-1 order-lg-0">
                    <div class="article__content">{!! $filmfestival->description !!}</div>
                    {{-- <hr /> --}}
                    <div class="article__content mt-5 pt-5">
                        <h2 class="section__title section__title--title">Awards & Prizes</h2>
                        {!! $filmfestival->awards !!}
                    </div>
                    {{-- <hr /> --}}
                    <div class="article__content mt-5 pt-5 rulesshow hiden500">
                        <h2 class="section__title section__title--title">Rules & Terms</h2>
                        {!! $filmfestival->rules !!}
                    </div>
                    <button type="button" class="btn btn-link text-theme d-block text-center mx-auto rulesshow1">+ Read More</button>
                </div>
                <div class="col-lg-3 order-0 order-lg-1 festival-info">
                    <a href="{{ route('front.film-festival.form', [$filmfestival->uuid]) }}" class="btn btn-theme mb-3 btn-block text-white py-2">Submit Now</a>
                    @if (count($FilmFestivalProjects) > 0)
                        <a href="#popup-info" class="btn card__buy--subscribe mb-3 btn-block text-white py-2 festivalProjectDetail">Submited Project</a>
                    @endif

                    <div class="festive-dates">
                        <h5 class="">{{ date('d M Y', strtotime($filmfestival->event_date)) }}</h5>
                        <p>From : {{ date('d M Y', strtotime($filmfestival->opening_date)) }}</p>
                        <p>To : {{ date('d M Y', strtotime($filmfestival->last_date)) }}</p>
                    </div>

                    <h5 class="mt-4">Event Type</h5>
                    <p>{{ $filmfestival->event_type }}</p>

                    <h5 class="mt-4">Years Running</h5>
                    <p>{{ $filmfestival->running_year }}</p>

                    <h5 class="mt-4">Organizers</h5>
                    <p>{{ $filmfestival->organizer_type }}</p>
                    <p>{{ $filmfestival->organizer_name }}</p>

                    <h5 class="mt-4">Contact</h5>
                    <ul class="mb-5">
                        <li><a href="mailto:{{ $filmfestival->email }}"><i class="fa-regular fa-envelope me-2"></i>{{ $filmfestival->email }}</a></li>
                        <li><a><i class="fa-solid fa-map-pin me-2"></i>{{ $filmfestival->address . ', ' . $filmfestival->city . ', ' . $filmfestival->state . ', ' . $filmfestival->country->name }}</a></li>
                        <li><a href="{{ $filmfestival->website }}"><i class="fa-solid fa-globe me-2"></i> Website</a></li>
                        <li><a href="{{ $filmfestival->facebook }}"> <i class="fa-brands fa-facebook-f me-2"></i> Facebook</a></li>
                        <li><a href="{{ $filmfestival->twitter }}"><i class="fa-brands fa-twitter me-2"></i> Twitter</a></li>
                        <li><a href="{{ $filmfestival->instagram }}"><i class="fa-brands fa-instagram me-2"></i> Instagram</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <div id="popup-info" class="mfp-hide">
        <div class="trailer-popup festive-popup" id="newsiframe">
            <div id="accordion">
                @foreach ($FilmFestivalProjects as $key => $FilmFestivalProject)
                    <div class="card">
                        <div class="card-header card__buy--subscribe" id="heading{{ $FilmFestivalProject->id }}">
                            <h5 class="mb-0">
                                <button class="btn d-block w-100 btn-link text-white" data-toggle="collapse" data-target="#collapse{{ $FilmFestivalProject->id }}" @if($key == 0) aria-expanded="true" @endif aria-controls="collapse{{ $FilmFestivalProject->id }}"> {{ $FilmFestivalProject->title }} </button>
                            </h5>
                        </div>

                        <div id="collapse{{ $FilmFestivalProject->id }}" class="collapse @if($key == 0) show @endif" aria-labelledby="heading{{ $FilmFestivalProject->id }}" data-parent="#accordion">
                            <div class="card-body">
                                <div class="festival-detail">
                                    <div class="row">
                                        <div class="col-md-6 mb-3">
                                            <label class="small text-muted mb-0">Project Type</label>
                                            <h4>{{ __(App\Models\FilmFestival::$ProjectType[$FilmFestivalProject->project_type]) }}</h4>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label class="small text-muted mb-0">Title</label>
                                            <h4>{{ $FilmFestivalProject->title }}</h4>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label class="small text-muted mb-0">Submitter Name</label>
                                            <h4>{{ $FilmFestivalProject->submitter_name }}</h4>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label class="small text-muted mb-0">Synopsis</label>
                                            <h4>{{ $FilmFestivalProject->synopsis }}</h4>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label class="small text-muted mb-0">Website</label>
                                            <h4>{{ $FilmFestivalProject->website }}</h4>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label class="small text-muted mb-0">Twitter</label>
                                            <h4>{{ $FilmFestivalProject->twitter }}</h4>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label class="small text-muted mb-0">Facebook</label>
                                            <h4>{{ $FilmFestivalProject->facebook }}</h4>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label class="small text-muted mb-0">Instagram</label>
                                            <h4>{{ $FilmFestivalProject->instagram }}</h4>
                                        </div>
                                        <div class="col-md-4 mb-3">
                                            <label class="small text-muted mb-0">Media / Empowered</label>
                                            <h4>{{ $FilmFestivalProject->empowered == 1 ? 'YES' : 'No' }}</h4>
                                        </div>
                                        <div class="col-md-4 mb-3">
                                            <label class="small text-muted mb-0">Adult content</label>
                                            <h4>{{ $FilmFestivalProject->adult == 1 ? 'YES' : 'No' }}</h4>
                                        </div>
                                        <div class="col-md-4 mb-3">
                                            <label class="small text-muted mb-0">Trigger Warning</label>
                                            <h4>{{ $FilmFestivalProject->trigger_warning == 1 ? 'YES' : 'No' }}</h4>
                                        </div>
                                    </div>

                                    <h3>Credits</h3>
                                    <div class="card festive-card">
                                        <div class="card-body">
                                            <h4 class="card-title">Directors</h4>
                                            <div class="row">
                                                @foreach ($FilmFestivalProject->credit as $credit)
                                                    @if ($credit->credit_type == 1)
                                                        <div class="col-md-4 mb-3">
                                                            <label class="small text-muted mb-0">First Name</label>
                                                            <h4>{{ $credit->first_name }}</h4>
                                                        </div>
                                                        <div class="col-md-4 mb-3">
                                                            <label class="small text-muted mb-0">Middle Name</label>
                                                            <h4>{{ $credit->middle_name }}</h4>
                                                        </div>
                                                        <div class="col-md-4 mb-3">
                                                            <label class="small text-muted mb-0">Last Name</label>
                                                            <h4>{{ $credit->last_name }}</h4>
                                                        </div>
                                                        <div class="col-md-6 mb-3">
                                                            <label class="small text-muted mb-0">Prior Credits</label>
                                                            <h4>{{ $credit->prior_credits }}</h4>
                                                        </div>
                                                    @endif
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>

                                    <div class="card festive-card">
                                        <div class="card-body">
                                            <h4 class="card-title">Writers</h4>
                                            <div class="row">
                                                @foreach ($FilmFestivalProject->credit as $credit)
                                                    @if ($credit->credit_type == 2)
                                                        <div class="col-md-4 mb-3">
                                                            <label class="small text-muted mb-0">First Name</label>
                                                            <h4>{{ $credit->first_name }}</h4>
                                                        </div>
                                                        <div class="col-md-4 mb-3">
                                                            <label class="small text-muted mb-0">Middle Name</label>
                                                            <h4>{{ $credit->middle_name }}</h4>
                                                        </div>
                                                        <div class="col-md-4 mb-3">
                                                            <label class="small text-muted mb-0">Last Name</label>
                                                            <h4>{{ $credit->last_name }}</h4>
                                                        </div>
                                                        <div class="col-md-6 mb-3">
                                                            <label class="small text-muted mb-0">Prior Credits</label>
                                                            <h4>{{ $credit->prior_credits }}</h4>
                                                        </div>
                                                    @endif
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>

                                    <div class="card festive-card">
                                        <div class="card-body">
                                            <h4 class="card-title">Producers</h4>
                                            <div class="row">
                                                @foreach ($FilmFestivalProject->credit as $credit)
                                                    @if ($credit->credit_type == 3)
                                                        <div class="col-md-4 mb-3">
                                                            <label class="small text-muted mb-0">First Name</label>
                                                            <h4>{{ $credit->first_name }}</h4>
                                                        </div>
                                                        <div class="col-md-4 mb-3">
                                                            <label class="small text-muted mb-0">Middle Name</label>
                                                            <h4>{{ $credit->middle_name }}</h4>
                                                        </div>
                                                        <div class="col-md-4 mb-3">
                                                            <label class="small text-muted mb-0">Last Name</label>
                                                            <h4>{{ $credit->last_name }}</h4>
                                                        </div>
                                                        <div class="col-md-6 mb-3">
                                                            <label class="small text-muted mb-0">Prior Credits</label>
                                                            <h4>{{ $credit->prior_credits }}</h4>
                                                        </div>
                                                    @endif
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>

                                    <div class="card festive-card">
                                        <div class="card-body">
                                            <h4 class="card-title">Key Cast</h4>
                                            <div class="row">
                                                @foreach ($FilmFestivalProject->credit as $credit)
                                                    @if ($credit->credit_type == 4)
                                                        <div class="col-md-4 mb-3">
                                                            <label class="small text-muted mb-0">First Name</label>
                                                            <h4>{{ $credit->first_name }}</h4>
                                                        </div>
                                                        <div class="col-md-4 mb-3">
                                                            <label class="small text-muted mb-0">Middle Name</label>
                                                            <h4>{{ $credit->middle_name }}</h4>
                                                        </div>
                                                        <div class="col-md-4 mb-3">
                                                            <label class="small text-muted mb-0">Last Name</label>
                                                            <h4>{{ $credit->last_name }}</h4>
                                                        </div>
                                                        <div class="col-md-4 mb-3">
                                                            <label class="small text-muted mb-0">Prior Credits</label>
                                                            <h4>{{ $credit->prior_credits }}</h4>
                                                        </div>
                                                    @endif
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>


                                    <h3 class="mt-4">Specification</h3>
                                    <div class="card festive-card">
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-md-12 mb-3">
                                                    <label class="small text-muted mb-0">Project Type</label>
                                                    @php $project_types = json_decode($FilmFestivalProject->specification->project_type) @endphp
                                                    <div class="d-grid gtc3">
                                                        @foreach ($project_types as $project_type)
                                                            <h4>{{ __(App\Models\FilmFestival::$ProjectType1[$project_type]) }}</h4>
                                                        @endforeach
                                                    </div>
                                                </div>
                                                <div class="col-md-4 mb-3">
                                                    <label class="small text-muted mb-0">Geners</label>
                                                    <h4>{{ $FilmFestivalProject->specification->geners }}</h4>
                                                </div>

                                                <div class="col-md-4 mb-3">
                                                    <label class="small text-muted mb-0">runtime</label>
                                                    <h4>{{ $FilmFestivalProject->specification->runtime }}</h4>
                                                </div>
                                                <div class="col-md-4 mb-3">
                                                    <label class="small text-muted mb-0">Completion Date</label>
                                                    <h4>{{ $FilmFestivalProject->specification->completion_date }}</h4>
                                                </div>
                                                <div class="col-md-4 mb-3">
                                                    <label class="small text-muted mb-0">Production Budget</label>
                                                    <h4>
                                                        {{ $FilmFestivalProject->specification->production_gudget }}
                                                        {{ __(App\Models\FilmFestival::$currency[$FilmFestivalProject->specification->gudget_cur]) }}
                                                    </h4>
                                                </div>
                                                <div class="col-md-4 mb-3">
                                                    <label class="small text-muted mb-0">Country of Origin</label>
                                                    <h4>{{ $FilmFestivalProject->specification->country->name }}</h4>
                                                </div>
                                                <div class="col-md-4 mb-3">
                                                    <label class="small text-muted mb-0">Country of Filming</label>
                                                    <h4>{{ $FilmFestivalProject->specification->filming->name }}</h4>
                                                </div>
                                                <div class="col-md-4 mb-3">
                                                    <label class="small text-muted mb-0">Language</label>
                                                    <h4>{{ $FilmFestivalProject->specification->language }}</h4>
                                                </div>

                                                <div class="col-md-4 mb-3">
                                                    <label class="small text-muted mb-0">Shooting Format</label>
                                                    <h4>{{ $FilmFestivalProject->specification->shooting_format }}</h4>
                                                </div>

                                                <div class="col-md-4 mb-3">
                                                    <label class="small text-muted mb-0">Aspect Ratio</label>
                                                    <h4>{{ $FilmFestivalProject->specification->aspect_ratio }}</h4>
                                                </div>

                                                <div class="col-md-4 mb-3">
                                                    <label class="small text-muted mb-0">Film Color</label>
                                                    <h4>{{ $FilmFestivalProject->specification->film_color }}</h4>
                                                </div>

                                                <div class="col-md-4 mb-3">
                                                    <label class="small text-muted mb-0">First-time Filmmaker</label>
                                                    <h4>{{ $FilmFestivalProject->specification->first_time_filmmaker == 1 ? 'YES' : 'No' }}
                                                    </h4>
                                                </div>
                                                <div class="col-md-4 mb-3">
                                                    <label class="small text-muted mb-0">First-time Filmmaker</label>
                                                    <h4>{{ $FilmFestivalProject->specification->student_project == 1 ? 'YES' : 'No' }}</h4>
                                                    <h4>{{ $FilmFestivalProject->specification->student_project == 1 ? $FilmFestivalProject->specification->school_name : '' }}</h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                    <h3 class="mt-4">Distribution</h3>
                                    <div class="card festive-card">
                                        <div class="card-body">
                                            @foreach ($FilmFestivalProject->distribution as $distribution)
                                                <div class="row border-bottom mb-3">
                                                    <div class="col-md-4 ">
                                                        <label class="small text-muted mb-0">Name</label>
                                                        <h4>{{ $distribution->name }}</h4>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <label class="small text-muted mb-0">Type</label>
                                                        <h4>
                                                            @if ($distribution->type == 1) Distributor @endif
                                                            @if ($distribution->type == 2) Sales Agent @endif
                                                        </h4>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <label class="small text-muted mb-0">Country</label>
                                                        <h4>{{ $distribution->country->name }}</h4>
                                                    </div>
                                                    <div class="col-md-12 ">
                                                        <label class="small text-muted mb-0">Prior Credits</label>
                                                        @php $rights = json_decode($distribution->rights) @endphp
                                                        <div class="d-grid gtc3">
                                                            @foreach ($rights as $right)
                                                                <h4>{{ __(App\Models\FilmFestival::$rights[$right]) }}</h4>
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>

                                    {{-- @if ($FilmFestivalProject->professionalreels)
                                        <h3 class="mt-4">Professional Reels</h3>
                                        <div class="card festive-card">
                                            <div class="card-body">
                                                @foreach ($FilmFestivalProject->professionalreels as $professionalreel)
                                                    <div class="row border-bottom mb-3">
                                                        <div class="col-md-4 mb-3">
                                                            <label class="small text-muted mb-0">Name</label>
                                                            <h4>{{ $professionalreel->professional_name }}</h4>
                                                        </div>

                                                        <div class="col-md-4 mb-3">
                                                            <label class="small text-muted mb-0">Title</label>
                                                            <h4>{{ $professionalreel->reel_title }}</h4>
                                                        </div>
                                                        <div class="col-md-4 mb-3">
                                                            <label class="small text-muted mb-0">Category</label>
                                                            <h4>{{ __(App\Models\FilmFestival::$category[$professionalreel->category]) }}</h4>
                                                        </div>
                                                        <div class="col-md-12 mb-3">
                                                            <label class="small text-muted mb-0">Video</label>
                                                            <h5><a href="{{ $professionalreel->video }}" target="blank">{{ str_replace('https://omgdeveloper.s3-accelerate.amazonaws.com/filmfestival/', '', $professionalreel->video) }}</a></h5>
                                                        </div>
                                                        <div class="col-md-12 mb-3">
                                                            <label class="small text-muted mb-0">Thumbnails</label>
                                                            <div class="row thumbnail-container">
                                                                <img src="{{ $professionalreel->thumbnail1 }}">
                                                                <img src="{{ $professionalreel->thumbnail2 }}">
                                                                <img src="{{ $professionalreel->thumbnail3 }}">
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    @endif --}}
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
    <!-- end section -->
@endsection

@section('script')
    <script>
        $(document).on('click', '.rulesshow1', function(e) {
            $('.rulesshow').toggleClass('hiden500');
            $('.rulesshow1').toggleClass('hiden500');
        });

        function getScrollBarWidth() {
            var $outer = $('<div>').css({
                    visibility: 'hidden',
                    width: 100,
                    overflow: 'scroll'
                }).appendTo('body'),
                widthWithScroll = $('<div>').css({
                    width: '100%'
                }).appendTo($outer).outerWidth();
            $outer.remove();
            return 100 - widthWithScroll;
        };
        $('.festivalProjectDetail').magnificPopup({
            type: 'inline',
            fixContentPos: true,
            closeBtnInside: true,
            closeOnBgClick: false,
            preloader: false,
            removalDelay: 300,
            mainClass: 'mfp-fade',
            callbacks: {
                open: function() {
                    if ($(window).width() > 1200) {
                        $('.header').css('margin-left', "-" + (getScrollBarWidth() / 2) + "px");
                    }
                },
                close: function() {
                    if ($(window).width() > 1200) {
                        $('.header').css('margin-left', 0);
                    }
                }
            }
        });
    </script>
@endsection