@extends('layouts.app')
@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Shows Detail</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Shows</a></li>
                        <li class="breadcrumb-item active">Shows 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
                    <div class="card card-primary">
                        <form method="post" action="{{ route('admin.shows.udpate', $data->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 value="">Select Vibe</option>
                                        @foreach ($vibe as $val)
                                            <option value="{{ $val->id }}"
                                                {{ isset($data->vibe) && $data->vibe == $val->id ? 'selected' : '' }}>
                                                {{ $val->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('vibe')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="title">Name</label>
                                    <input type="text" class="form-control" id="title" name="name"
                                        value="{{ $data->name ?? old('name') }}">
                                    @error('name')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="instagram">Instagram</label>
                                    <input type="url" class="form-control" name="instagram"
                                        value="{{ $data->instagram ?? old('instagram') }}">
                                    @error('instagram')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="facebook">Facebook</label>
                                    <input type="url" class="form-control" name="facebook" id="facebook"
                                        value="{{ $data->facebook ?? old('facebook') }}">
                                    @error('facebook')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="youtube">YouTube</label>
                                    <input type="url" class="form-control" name="youtube" id="youtube"
                                        value="{{ $data->youtube ?? old('youtube') }}">
                                    @error('youtube')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="tiktok">TikTok</label>
                                    <input type="url" class="form-control" name="tiktok" id="tiktok"
                                        value="{{ $data->tiktok ?? old('tiktok') }}">
                                    @error('tiktok')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="bio">Bio</label>
                                    <textarea type="text" class="form-control" name="bio" id="bio">{{ $data->bio ?? old('bio') }}</textarea>
                                    @error('bio')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="location">Address</label>
                                    <input type="text" class="form-control" name="address" id="address" value="{{ $data->address ?? old('address') }}">
                                </div>

                                <div class="form-group">
                                    <label for="map_location">Map Location</label>
                                    <input type="text" class="form-control" name="map_location" id="map_location" value="{{ $data->map_location ?? old('map_location') }}">
                                </div>

                                <div class="form-group">
                                    <label for="img1">Image 1</label>
                                    <input type="file" class="form-control" name="img1" id="img1">
                                    @if ($data->getMedia('shows_image1')->isNotEmpty())
                                        @foreach ($data->getMedia('shows_image1') as $image)
                                            <img src="{{ $image->getUrl() }}" alt="{{ $image->name }}" width="100"
                                                height="100">
                                        @endforeach
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="img2">Image 2</label>
                                    <input type="file" class="form-control" name="img2" id="img2">
                                    @if ($data->getMedia('shows_image2')->isNotEmpty())
                                        @foreach ($data->getMedia('shows_image2') as $image)
                                            <img src="{{ $image->getUrl() }}" alt="{{ $image->name }}" width="100"
                                                height="100">
                                        @endforeach
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="img3">Image 3</label>
                                    <input type="file" class="form-control" name="img3" id="img3">
                                    @if ($data->getMedia('shows_image3')->isNotEmpty())
                                        @foreach ($data->getMedia('shows_image3') as $image)
                                            <img src="{{ $image->getUrl() }}" alt="{{ $image->name }}" width="100"
                                                height="100">
                                        @endforeach
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="profile_img">Profile Photo</label>
                                    <input type="file" class="form-control" name="profile_img" id="profile_img">
                                    @if ($data->getMedia('shows_profile_image')->isNotEmpty())
                                        @foreach ($data->getMedia('shows_profile_image') as $image)
                                            <img src="{{ $image->getUrl() }}" alt="{{ $image->name }}" width="100"
                                                height="100">
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection