@extends('admin.master')
@section('title',@trans('Add Seminar Details'))
@section('content')
    <!-- start page title -->
    <div class="row mb-3">
        <div class="col-12">
            <div class="page-title-box">
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">@trans('Dashboard')</a>
                        </li>
                        <li class="breadcrumb-item"><a href="{{ route('admin.seminars.index') }}">@trans('Seminar') </a>
                        </li>
                        <li class="breadcrumb-item"><a
                                href="{{ route('admin.seminar-details.create', $seminarDetails->seminar_id) }}">{{ $seminarDetails->seminar->trans->where('locale', $current_lang)->first()->title }}</a>
                        </li>
                        <li class="breadcrumb-item active">@trans('Edit Seminar Details') </li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <!-- end page title -->
    <form action="{{ route('admin.seminar-details.update', $seminarDetails->id) }}" method="POST"
          enctype="multipart/form-data">
        <div class="row">
            @csrf
            @method('PUT')
            <div class="accordion" id="accordionPanelsStayOpenExample">
                <div class="accordion-item">
                    <h2 class="accordion-header" id="panelsStayOpen-headingOne">
                        <button class="accordion-button fw-medium collapsed" type="button" data-bs-toggle="collapse"
                                data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="false"
                                aria-controls="panelsStayOpen-collapseOne">
                            @trans('Seminar Details')
                        </button>
                    </h2>
                    <div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse show"
                         aria-labelledby="panelsStayOpen-headingOne" style>
                        <div class="accordion-body">
                            <div class="card">

                                <div class="card-body">


                                    <div class="row">
                                        <div class="col-md-4 mb-3">
                                            <label for="languages_id" class="form-label">@trans('Language') </label>
                                            <select class="form-control" id="languages_id" name="languages_id">
                                                <option value="">@trans('Choose Language') </option>
                                                @foreach ($languages as $item)
                                                    <option value="{{ $item->id }}"
                                                        {{ old('languages_id', $seminarDetails->languages_id) == $item->id ? 'selected' : '' }}>
                                                        {{ $item->trans->where('locale', $current_lang)->first()->title }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('languages_id')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                        <!-- Coaches Dropdown -->
                                        <div class="col-md-4 mb-3">
                                            <label for="coache_id" class="form-label">@trans('Coaches') </label>
                                            <select class="select2 form-control select2-multiple" id="coache_id"
                                                    name="coache_id[]" multiple data-toggle="select2">
                                                @foreach ($coaches as $item)
                                                    <option value="{{ $item->id }}"
                                                        {{ in_array($item->id, old('coache_id', $seminarDetails->coaches->pluck('id')->toArray())) ? 'selected' : '' }}>
                                                        {{ $item->first_name . ' ' . $item->last_name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('coache_id')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <!-- Course Select -->
                                        <div class="col-md-4 mb-3">
                                            <label for="courses" class="form-label">@trans('Course') </label>
                                            <select class="form-control select2-multiple" id="courses" name="courses[]"
                                                multiple>
                                                <option value="">@trans('Choose Course')</option>
                                                @foreach ($courses as $item)
                                                <option value="{{ $item->id }}"  {{ in_array($item->id, old('courses[]', $seminarDetails->courses->pluck('id')->toArray())) ? 'selected' : '' }}>
                                                    {{ @$item->trans->where('locale', $current_lang)->first()->title }}
                                                </option>
                                                @endforeach
                                            </select>
                                            @error('courses.*')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                        @livewire('update-select-hall', ['seminarDetails' => $seminarDetails])
                                        <!-- Date Input -->
                                        <div class="col-md-4 mb-3">
                                            <label for="date" class="form-label">@trans('Date') </label>
                                            <input type="date" class="form-control" id="date" name="date"
                                                   value="{{ old('date', $seminarDetails->date) }}">
                                            @error('date')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <!-- Start Time Input -->
                                        <div class="col-md-4 mb-3">
                                            <label for="start_time" class="form-label">@trans('Start Time') </label>
                                            <input type="time" class="form-control timepicker" id="start_time"
                                                   name="start_time"
                                                   value="{{ old('start_time', isset($seminarDetails->start_time) ? date('H:i', strtotime($seminarDetails->start_time)) : '') }}">
                                            @error('start_time')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <!-- End Time Input -->
                                        <div class="col-md-4 mb-3">
                                            <label for="end_time" class="form-label">@trans('End Time') </label>
                                            <input type="time" class="form-control timepicker" id="end_time"
                                                   name="end_time"
                                                   value="{{ old('end_time', isset($seminarDetails->end_time) ? date('H:i', strtotime($seminarDetails->end_time)) : '') }}">
                                            @error('end_time')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group col-md-4 mb-3">
                                            <label for="type">@trans('Type') </label>
                                            <select name="type" id="type" class="form-control">
                                                <option value="">@trans('Select Type') </option>
                                                <option
                                                    value="webinar" {{ $seminarDetails->type == 'webinar' ? 'selected' : '' }}>@trans('Webinar') </option>
                                                <option
                                                    value="seminar" {{ $seminarDetails->type == 'seminar' ? 'selected' : '' }}>@trans('Seminar') </option>
                                                <option
                                                    value="evening" {{ $seminarDetails->type == 'evening' ? 'selected' : '' }}>@trans('Umsia') </option>
                                                <option
                                                    value="symposium" {{ $seminarDetails->type == 'symposium' ? 'selected' : '' }}>@trans('Symposium') </option>
                                                <option
                                                    value="conference" {{ $seminarDetails->type == 'conference' ? 'selected' : '' }}>@trans('Conference') </option>
                                            </select>
                                        </div>
                                        <!-- Video URL Input -->
                                        <div class="col-md-4 mb-3">
                                            <label for="video" class="form-label">@trans('Video URL') </label>
                                            <input type="text" class="form-control" id="video" name="video"
                                                   value="{{ old('video', $seminarDetails->video) }}">
                                            @error('video')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>


                                        <div class="form-check form-check-inline">
                                            <input type="checkbox" class="form-check-input" id="customCheck3"
                                                   name="status" @checked($seminarDetails->status == 1)>
                                            <label class="form-check-label" for="customCheck3">@trans('Status')
                                            </label>
                                        </div>
                                    </div>


                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!-- Submit Button -->

        </div>
        <div class="row mt-3">
            <div class="accordion" id="accordionPanelsStayOpenExampleTag">
                <div class="accordion-item">
                    <h2 class="accordion-header" id="panelsStayOpen-headingTwo">
                        <button class="accordion-button fw-medium collapsed" type="button" data-bs-toggle="collapse"
                                data-bs-target="#panelsStayOpen-collapse" aria-expanded="false"
                                aria-controls="panelsStayOpen-collapse">
                            @trans('Attachment')
                        </button>
                    </h2>
                    <div id="panelsStayOpen-collapse" class="accordion-collapse collapse show"
                         aria-labelledby="panelsStayOpen-headingTwo">
                        <div class="accordion-body">
                            <!-- Image Input -->
                            <div class="col-md-12 mb-3">
                                <label for="image" class="form-label">@trans('Images') </label>
                                <input type="file" class="form-control" id="image" name="image[]" multiple>
                                @error('image')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="row g-0 align-items-center col-md-12">
                                @foreach ($seminarDetails->attachment()->where('type', 'image')->get() as $item)
                                    <div class="mb-1 row align-items-center col-md-3">
                                        <div class="m-1 col-md-3" style="position: relative; width: 60%">
                                            <!-- Delete Icon -->
                                            <a href="{{ route('admin.seminar-details.delete_sigle.image', $item->id) }}"
                                               class="btn btn-sm remove-image"
                                               style="color: red; position: absolute; top: 0; right: 0;">
                                                <i class="ri-delete-bin-fill"></i>
                                            </a>
                                            <!-- Image -->
                                            <img src="{{ asset($item->image) }}" width="200"
                                                 class="img-fluid rounded-start" alt="...">
                                        </div>
                                    </div>
                                @endforeach
                            </div>

                            <!-- PDF Input -->
                            <div class="col-md-12 mb-3">
                                <label for="pdf" class="form-label">@trans('PDF Files') </label>
                                <input type="file" class="form-control" id="pdf" name="pdf[]" multiple>
                                @error('pdf')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="row g-0 align-items-center col-md-12">
                                @foreach ($seminarDetails->attachment()->where('type', 'pdf')->get() as $item)
                                    <div class="mb-1 row align-items-center col-md-3">
                                        <div class="m-1 col-md-4" style="position: relative;">
                                            <!-- Delete Icon -->
                                            <a href="{{ route('admin.seminar-details.delete_sigle.pdf', $item->id) }}"
                                               class="btn btn-sm remove-pdf"
                                               style="color: red; position: absolute; top: 0; right: 0;">
                                                <i class="ri-delete-bin-fill"></i>
                                            </a>
                                            <!-- PDF Name and Download Link -->
                                            <div class="pdf-file"
                                                 style="display: flex; align-items: center; justify-content: space-between;">
                                                <a href="{{ asset($item->pdf) }}" target="_blank"
                                                   class="btn btn-sm btn-outline-primary">
                                                    @trans('Download PDF')
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                                <div class="mt-3">
                                    <button type="submit" class="btn btn-primary float-end">@trans('Edit') </button>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>

        </div>

    </form>


    {{-- @include('admin.pages.seminar.details._table') --}}
@endsection

@section('script')
    <!-- Multi Select Plugin Js -->

    <script>
        $(document).ready(function () {
            // Initialize Select2 on your element
            $('.select2-multiple').select2({
                width: '100%', // Ensure it fits within the container
                placeholder: $(this).data('placeholder'),
                allowClear: true, // Allow clearing the selection
            });

            $('.timepicker').timepicker({
                'timeFormat': 'h:i A'
            });
        });
    </script>
@endsection