@extends('admin.base')

@section('title', 'Home Page Module Images')

@section('account_content')
    <div class="moduleImagesList">
        <div class="imagesFilter">
            <div class="search-container">
                <div class="group">
                    <label for="titleInput">{{__('Title')}}</label>
                    <input type="text" placeholder="Title" name="search-title" id="titleInput">
                </div>

                <div class="group">
                    <label for="operatorInput">{{__('Operator')}}</label>
                    <input type="text" placeholder="Operator" name="search-operator" id="operatorInput">
                </div>

                <div class="group">
                    <label>{{__('Type')}}</label>

                    <div class="ui selection dropdown">
                        <input type="hidden" name="search-type">
                        <i class="dropdown icon"></i>
                        <div class="default text">Type</div>
                        <div class="menu">
                            @if(isset($value->view) && $value->view == 'video-module-admin')
                                <div class="item" data-value="video">{{__('Video')}}</div>
                            @elseif(isset($value->view) && $value->view == 'staff-module-admin')
                                <div class="item" data-value="staff">{{__('Staff')}}</div>
                            @elseif(isset($value->view) && $value->view == 'courses-module-admin')
                                <div class="item" data-value="course-event">{{__('Course Event')}}</div>
                            @else
                                <div class="item" data-value="university">{{__('University')}}</div>
                                <div class="item" data-value="course">{{__('Course')}}</div>
                                <div class="item" data-value="promotion">{{__('Promotion')}}</div>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="group">
                    <label>{{__('Sort by')}}</label>

                    <div class="ui selection dropdown">
                        <input type="hidden" name="search-sort" value="{{$sortable ? 'position' : ''}}">
                        <i class="dropdown icon"></i>

                        @if($sortable)
                            <div class="text">{{__('Position')}}</div>
                        @else
                            <div class="default text">{{__('Sort by')}}</div>
                        @endif

                        <div class="menu">
                            <div class="item" data-value="both">{{__('Status and Position')}}</div>
                            <div class="item {{$sortable ? 'active selected' : ''}}" data-value="position">{{__('Position')}}</div>
                            <div class="item" data-value="released">{{__('Status')}}</div>
                            <div class="item" data-value="released_at_asc">{{__('Release Date (new to old)')}}</div>
                            <div class="item" data-value="released_at_desc">{{__('Release Date (old to new)')}}</div>
                        </div>
                    </div>
                </div>
            </div>

            @if(isset($value->view) && $value->view == 'video-module-admin')
                <div class="button add-video-button"
                     data-id="{{$value->id}}"
                     data-module-type="{{$value->type}}"
                     data-type="video"
                     data-image-position="1"
                >
                    {{__('Add New Video')}}
                </div>
            @elseif(isset($value->view) && $value->view == 'staff-module-admin')
                <div class="button add-staff-button"
                     data-id="{{$value->id}}"
                     data-module-type="{{$value->type}}"
                     data-type="staff"
                     data-image-position="1"
                >
                    {{__('Add New Staff')}}
                </div>
            @elseif(isset($value->view) && $value->view == 'courses-module-admin')
                <div class="button add-course-button"
                     data-id="{{$value->id}}"
                     data-module-type="{{$value->type}}"
                     data-type="course-event"
                     data-image-position="1"
                >
                    {{__('Add New Course')}}
                </div>
            @else
                <div class="button add-image-button"
                     data-id="{{$value->id}}"
                     data-module-type="{{$value->type}}"
                     data-type="university"

                     @if(isset($value->view) && ($value->view == 'hero-image-module-admin' || $value->view == 'one-image-module-admin'))
                         data-image-position="1"
                     @endif
                >
                    {{__('Add New Image')}}
                </div>
            @endif
        </div>

        <div class="imagesList">
            @include('homepagemodules::admin.modules.support.module_images_list', [
                'sortable' => $sortable
            ])
        </div>
    </div>

    @include('homepagemodules::admin.modals.image_modal')
    @include('homepagemodules::admin.modals.video_modal')
    @include('homepagemodules::admin.modals.staff_modal')
    @include('homepagemodules::admin.modals.course_modal')
    @include('homepagemodules::admin.modals.confirmation_modal')

    @include('homepagemodules::admin.support.script_preset', [
        'isList' => true,
        'isSortable' => $sortable ?? false
    ])
@endsection