@extends('layouts.default')

@section('title')
    {{$page_content->name}}
@endsection

@section('content')
<div class="custom-hero-img">
    <div class="container">
        <div class="row my-4">
            <div class="mt-6">
                @if(Auth::check())
                    @if(Auth::user()->isSuperAdmin() || Auth::user()->isTenant() || Auth::user()->isAdmin())
                        <div class="my-2">
                            <div class="edit-icon">
                                <i class="mdi mdi-pencil edit" data-toggle="modal" data-target="#templateHero"></i>
                            </div>
                        </div>
                    @endif
                @endif
                <h1 class="fw-700 text-center">{{$page_content->hero_section_title ?? $page_content->name}}</h1>
                <p class="pt-4 custom-text-center">
                    {!! $page_content->hero_section_p ?? "Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.
                    Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet." !!}
                </p>
            </div>
        </div>
    </div>
</div>
<div class="bg-white">
    <div class="container">
        <div class="row justify-content-center my-4">
            <div class="col-12">
                @if(Auth::check())
                    @if(Auth::user()->isSuperAdmin() || Auth::user()->isTenant() || Auth::user()->isAdmin())
                        <div class="my-2">
                            <div class="edit-icon">
                                <i class="mdi mdi-pencil edit" data-toggle="modal" data-target="#templateFirst"></i>
                            </div>
                        </div>
                    @endif
                @endif
                <h3 class="text-center fw-700">
                    {{$page_content->first_section_title ?? "Why the Project?"}}
                </h3>
                <hr class="custom-hr">
            </div>
        </div>
        <div class="row justify-content-center mt-4">
            <div class="col-12 col-lg-6 col-xl-6">
                <div class="mt-4">
                    <p class="pt-4">
                        {!! $page_content->first_section_p ?? "Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.
                        Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet." !!}
                    </p>
                </div>
            </div>
            <div class="col-12 col-lg-6 col-xl-6">
                <div class="mt-4">
                    <img src="{{$page_content->first_section_img ?? asset('assets/images/about-7.png')}}" alt="" class="w-100 br-12">
                </div>
            </div>
        </div>
    </div>
</div>
<div class="bg-white">
    <div class="container">
        {{-- <div class="row justify-content-center my-4">
            <div class="col-12">
                @if(Auth::check())
                    @if(Auth::user()->isSuperAdmin() || Auth::user()->isTenant() || Auth::user()->isAdmin())
                        <div class="my-2">
                            <div class="edit-icon">
                                <i class="mdi mdi-pencil edit" data-toggle="modal" data-target="#templateSecond"></i>
                            </div>
                        </div>
                    @endif
                @endif
                <h3 class="text-center fw-700">
                    {{$page_content->second_section_title ?? "Gallery"}}
                </h3>
            </div>
            <div class="col-8">
                <div class="mt-4 text-center">
                    <p class="text-center">
                        {!! $page_content->second_section_p ?? 'View our gallery' !!}
                    </p>
                </div>
            </div>
        </div> --}}

        @if(domain($_SERVER['HTTP_HOST'])->company_name == "Nlsalumni")
            @if($page_content->slug == "ealumni")
                <div class="row justify-content-center my-4">
                    @if(count($gallery) > 0)
                        @if(Auth::check())
                            @if(Auth::user()->isSuperAdmin() || Auth::user()->isTenant() || Auth::user()->isAdmin())
                                <div class="mt-2 mb-5 text-center">
                                    <div class="edit-icon">
                                        <i class="mdi mdi-plus edit" data-toggle="modal" data-target="#addGallery"></i>
                                    </div>
                                </div>
                            @endif
                        @endif
                        @foreach ($gallery as $photo)
                            <div class="col-12 col-lg-4 colxl-4 pe-1 ps-1 mb-2">
                                @if(Auth::check())
                                    @if(Auth::user()->isSuperAdmin() || Auth::user()->isTenant() || Auth::user()->isAdmin())
                                        <div class="mt-2 mb-5 text-center">
                                            <div class="edit-icon">
                                                <i class="mdi mdi-delete delete-btn delete-gallery" id="{{$photo->id}}"></i>
                                            </div>
                                        </div>
                                    @endif
                                @endif
                                <a href="{{$photo->photo}}" data-lightbox="{{$page_content->id}}"><img src="{{$photo->photo}}" alt="image" class="img-fluid object-cover h300 w-100 rounded-3"></a>
                            </div>
                        @endforeach
                    @else
                        <h6 class="text-center">No photos found</h6>
                        @if(Auth::check())
                            @if(Auth::user()->isSuperAdmin() || Auth::user()->isTenant() || Auth::user()->isAdmin())
                                <div class="mt-2 mb-5 text-center">
                                    <div class="edit-icon">
                                        <i class="mdi mdi-plus edit" data-toggle="modal" data-target="#addGallery"></i>
                                    </div>
                                </div>
                            @endif
                        @endif
                    @endif
                </div>
            @endif
        @endif
    </div>
</div>
@include('elements.template-hero')
@include('elements.template-first')
@include('elements.template-second')
@include('elements.gallery')

<script>
    $(".delete-btn").click(function(e) {
        var photoId = this.id

        $.ajax({
            type: 'DELETE',
            url: "/delete-gallery/" + photoId,
            data: {
                "_token": "{{ csrf_token() }}",
            },
            success: function (response) {
                console.log(response);
                toastr.success(response.message, "", defaultSetting)

                window.location.href = "/feature/{{$page_content->slug}}";

            },
            error: function(error) {
                console.log(error)
                toastr.error(error.responseJSON.message, "", defaultSetting)
            }
        });
    })
</script>
@endsection