@extends('layouts.app')
@section('content')


    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Events Detail</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Events</a></li>
                        <li class="breadcrumb-item active">Events Detail</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    @if(session('success') || session('error'))
                        <div class="alert {{ session('success') ? 'alert-success' : 'alert-danger' }}">
                            {{ session('success') ?? session('error') }}
                        </div>
                    @endif
                        @if($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    <div class="card card-primary">
                        <form method="post" action="{{ route('admin.edit.event',  request()->route('id') ) }}" enctype="multipart/form-data">
                            @csrf
                            <div class="card-body">
                                <div class="form-group">
                                    <label for="link">Vibe</label>
{{--                                    <select class="form-control" id="link" name="vibe">--}}
{{--                                        <option>Select Vibe</option>--}}
{{--                                        @foreach($vibe as $val)--}}
{{--                                            <option value="{{ $val->id }}" {{ $data->vibe == $val->id ? 'selected' : '' }}>--}}
{{--                                                {{ $val->name }}--}}
{{--                                            </option>--}}
{{--                                        @endforeach--}}
{{--                                    </select>--}}

                                    <select name="vibe[]" class="form-control" id="vibeSelect" required multiple>
                                        <option value="">Select Vibe</option>
                                        @foreach($vibe as $val)
                                            @php
                                                $vibeIds = is_array($data->vibe) ? $data->vibe : (json_decode($data->vibe, true) ?? []);
                                                $vibeIds = is_array($vibeIds) ? $vibeIds : [];
                                                $selected = in_array($val->id, $vibeIds) ? 'selected' : '';
                                            @endphp
                                            <option value="{{ $val->id }}" {{ $selected }}>
                                                {{ $val->name }}
                                            </option>
                                        @endforeach
                                    </select>





                                </div>

                                <input type="hidden" value="{{ $data->user_id }}">
                                <div class="form-group">
                                    <label for="preferred_contact">Preferred Contact</label>
                                    <input type="text" class="form-control" id="preferred_contact" name="preferred_contact" value="{{ $data->preferred_contact }}">
                                </div>
                                <div class="form-group">
                                    <label for="email_or_cellphone">Email</label>
                                    <input type="text" class="form-control" id="email" name="email_or_cellphone" value="{{ $data->email_or_cellphone }}">
                                </div>
                                <div class="form-group">
                                    <label for="event_name">Event Name</label>
                                    <input type="text" class="form-control" id="event_name" name="event_name" value="{{ $data->event_name }}">
                                </div>

                                <div class="form-group">
                                    <label for="organizer_name">Organizer Name</label>
                                    <input type="text" class="form-control" name="organizer_name" value="{{ $data->organizer_name }}">
                                </div>
                                <div class="form-group">
                                    <label for="venue_listing">Venue Listing</label>
                                    <input type="text" class="form-control" name="venue_listing" id="venue_listing" value="{{ $data->venue_listing }}">
                                </div>
                                <div class="form-group">
                                    <label for="address1">Address1</label>
                                    <input type="text" class="form-control" name="address1" id="address1" value="{{ $data->address1 }}">
                                </div>
                                <div class="form-group">
                                    <label for="address2">Address2</label>
                                    <input type="text" class="form-control" name="address2" id="address2" value="{{ $data->address2 }}">
                                </div>
                                <div class="form-group">
                                    <label for="address3">Address3</label>
                                    <input type="text" class="form-control" name="address3" id="address3" value="{{ $data->address3 }}">
                                </div>
                                <div class="form-group">
                                    <label for="city">City</label>
                                    <input type="text" class="form-control" name="city" id="city" value="{{ $data->city }}">
                                </div>
                                <div class="form-group">
                                    <label for="state">State</label>
                                    <input type="text" class="form-control" name="state" id="state" value="{{ $data->state }}">
                                </div>
                                <div class="form-group">
                                    <label for="zip">Zip</label>
                                    <input type="text" class="form-control" name="zip" id="zip" value="{{ $data->zip }}">
                                </div>
                                <div class="form-group">
                                    <label for="location">Location</label>
                                    <input type="text" class="form-control" name="location" id="location" value="{{ $data->location }}">
                                </div>

                                <div class="form-group">
                                    <label for="map_location">Map Location</label>
                                    <input type="text" class="form-control" name="map_location" id="location" value="{{ $data->map_location }}">
                                </div>
{{--                                <div class="form-group">--}}
{{--                                    <label for="start_date">Start Date</label>--}}
{{--                                    <input type="date" class="form-control" name="start_date" id="start_date" value="{{ $data->start_date }}">--}}
{{--                                </div>--}}
                                <div class="form-group">
                                    <label for="time">Doors</label>
                                    <input type="time" class="form-control" name="time" id="time" value="{{ $data->time }}">
                                </div>
                                <div class="form-group">
                                    <label for="start_time">Start Time</label>
                                    <input type="time" class="form-control" name="start_time" id="start_time" value="{{ $data->start_time }}">
                                </div>
{{--                                <div class="form-group">--}}
{{--                                    <label for="end_date">End Date</label>--}}
{{--                                    <input type="date" class="form-control" name="end_date" id="end_date" value="{{ $data->end_date }}">--}}
{{--                                </div>--}}
                                <div class="form-group">
                                    <label for="price">Price Per Ticket</label>
                                    <input type="text" class="form-control" name="price" id="price" value="{{ $data->price }}">
                                </div>

                                <div class="form-group">
                                    <label for="third_party_link">Ticket Link</label>
                                    <input type="text" class="form-control" name="third_party_link" id="third_party_link" value="{{ $data->third_party_link }}">
                                </div>

                                <div class="form-group">
                                    <label for="profile_img">Profile Photo</label>
                                    <input type="file" name="image">
                                    @foreach ($data->image as $image)
                                        <img src="{{ $image->getUrl() }}" alt="{{ $image->name }}" width="150" height="150">
                                    @endforeach
                                </div>

                                <br>
                                <div class="form-group">
                                    <label for="link">Approval</label>
                                    <select class="form-control" id="link" name="status">
                                        <option value="">Select Status</option>
                                        <option value="Active" {{$data->status == 'Active'  ? 'selected' : ''}}>Active</option>
                                        <option value="Inactive" {{$data->status == 'Inactive'  ? 'selected' : ''}}>Inactive</option>
                                    </select>
                                </div>
                            </div>
                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection
@push('page_scripts')
    <script>
        $(document).ready(function() {
            $('#vibeSelect').select2({
                maximumSelectionLength: 3 // Limit the maximum number of selections to 3
            });
        });
    </script>
@endpush