@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.seminars.edit', $seminar->id) }}">{{
                            $seminar->trans->where('locale', $current_lang)->first()->title }}</a>
                    </li>
                    <li class="breadcrumb-item active">@trans('Add Seminar Details') </li>
                </ol>
            </div>
        </div>
    </div>
</div>
<!-- end page title -->
<div class="row">
    <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">
                            <form action="{{ route('admin.seminar-details.store') }}" method="POST"
                                enctype="multipart/form-data">
                                @csrf
                                <div class="row">
                                    <input type="hidden" value="{{ $seminar->id }}" name="seminar_id" hidden>

                                    <!-- Language Select -->
                                    <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')==$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>

                                    <!-- Coach Select -->
                                    <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-placeholder="@trans('Choose ...') ">
                                            @foreach ($coaches as $item)
                                            <option value="{{ $item->id }}" {{ collect(old('coache_id'))->
                                                contains($item->id) ? '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 }}" {{ collect(old('courses[]'))->
                                                contains($item->id) ? 'selected' : '' }}>
                                                {{ @$item->trans->where('locale', $current_lang)->first()->title }}
                                            </option>
                                            @endforeach
                                        </select>
                                        @error('courses.*')
                                        <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>

                                    @livewire('select-hall')

                                    <!-- 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') }}">
                                        @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" id="start_time" name="start_time"
                                            value="{{ old('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" id="end_time" name="end_time"
                                            value="{{ old('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">@trans('Webinar') </option>
                                            <option value="seminar">@trans('Seminar') </option>
                                            <option value="evening">@trans('Umsia') </option>
                                            <option value="symposium">@trans('Symposium') </option>
                                            <option value="conference">@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') }}">
                                        @error('video')
                                        <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>

                                    <!-- Image Input -->
                                    <div class="col-md-4 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>

                                    <!-- PDF Input -->
                                    <div class="col-md-4 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>
                                <div class="form-check form-check-inline">
                                    <input type="checkbox" class="form-check-input" id="customCheck3" name="status">
                                    <label class="form-check-label" for="customCheck3">@trans('Status')
                                    </label>
                                </div>
                                <!-- Submit Button -->
                                <div class="mt-3">
                                    <button type="submit" class="btn btn-primary">@trans('Save') </button>
                                </div>
                            </form>

                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
@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
            });
        });
</script>
@endsection