@extends('layouts.app')

@section('title', 'Edit Release')
@section('idname', 'single')

@section('content')
<div class="container" style="margin-top: 200px;">
    <div class="container-custom">
        <div class="card-custom">
            <div class="form">
                <div class="right-side">
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    @if(session('success'))
                        <div class="alert alert-success">
                            {{ session('success') }}
                        </div>
                    @endif

                    <form action="{{ route('album.update', $upc) }}" method="post" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')

                        <!-- Title -->
                                                @php
    $fileName = request()->route('fileName');
    $catalogSummary = \App\Models\CatalogSummary::where('ean13', $fileName)->first();
    $albumFormat = $catalogSummary ? $catalogSummary->album_format : 'Not Found';
    $version = $catalogSummary ? $catalogSummary->version : 'Not Found';
    $label_name = $catalogSummary ? $catalogSummary->label_name : 'Not Found';
@endphp
                        <div class="form-row">
                            <div class="form-group col-md-12">
                                <label for="title">Title</label>
                                <input type="text" class="form-control" name="title" value="{{ old('title', $title) }}" required>
                                <small class="form-text text-muted">Indicate the name of this release.</small>
                            </div>
                        </div>

                        <!-- Version -->
                        <div class="form-row">
                            <div class="form-group col-md-12">
                                <label for="version">Version (optional)</label>
                                <input disabled type="text" class="form-control" name="version" value="{{ old('version', $version) }}">
                                <small class="form-text text-muted">Specify the version of the release if applicable (e.g., Remix, Live).</small>
                            </div>
                        </div>
                        
                        <div class="form-row">
                            <div class="form-group col-md-12">
                                <label for="version">Label Name</label>
                                <input disabled type="text" class="form-control" name="version" value="{{ old('version', $label_name) }}">
                                
                            </div>
                        </div>

                        <!-- Release Type -->
                        <!--<div class="form-row">-->
                        <!--    <div class="form-group col-md-12">-->
                        <!--        <label for="release_type">Release Type</label>-->
                        <!--        <select class="form-control" name="release_type" required>-->
                        <!--            <option value="Single" {{ old('release_type', $releaseType) == 'Single' ? 'selected' : '' }}>Single</option>-->
                        <!--            <option value="EP" {{ old('release_type', $releaseType) == 'EP' ? 'selected' : '' }}>EP</option>-->
                        <!--            <option value="Album" {{ old('release_type', $releaseType) == 'Album' ? 'selected' : '' }}>Album</option>-->
                        <!--            <option value="Compilation" {{ old('release_type', $releaseType) == 'Compilation' ? 'selected' : '' }}>Compilation</option>-->
                        <!--        </select>-->
                        <!--    </div>-->
                        <!--</div>-->
                        
                        


<div class="form-row">
    <div class="form-group col-md-12">
        <label for="album_format">Release Type</label>
        <input type="text" class="form-control" name="album_format" value="{{ $albumFormat }}" readonly>
        <small class="form-text text-muted">This is the album format for the given EAN/UPC ({{ $fileName }}).</small>
    </div>
</div>

                        <!-- Primary and Secondary Genres -->
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label for="primary_genre">Primary Genre</label>
                                <input type="text" class="form-control" name="primary_genre" value="{{ old('primary_genre', $genre) }}" readonly>
                                <small class="form-text text-muted">Specify the primary genre of the release.</small>
                            </div>

                            <div class="form-group col-md-6">
                                <label for="secondary_genre">Secondary Genre (optional)</label>
                                <input type="text" class="form-control" name="secondary_genre" value="{{ old('secondary_genre', $secondaryGenre) }}" readonly>
                                <small class="form-text text-muted">Specify the secondary genre of the release, if applicable.</small>
                            </div>
                        </div>

                        <!-- UPC / EAN -->
                        <div class="form-row">
    <div class="form-group col-md-12">
        <label for="upc">UPC / EAN</label>
        <input type="text" class="form-control" name="upc" value="{{ request()->route('fileName') }}" readonly>
        <small class="form-text text-muted">This is the unique identifier for the release (UPC/EAN).</small>
    </div>
</div>


                        <!-- Contributors -->
                        <div class="form-group">
                            <label for="contributors">Contributors</label>
                            <div id="contributors">
                                @foreach ($contributors as $contributor)
                                    <div class="contributor">
                                        <input type="text" class="form-control" name="contributors[]" value="{{ $contributor['name'] }}" readonly>
                                        <input type="text" class="form-control" name="contributor_roles[]" value="{{ $contributor['role'] }}" readonly>
                                    </div>
                                @endforeach
                            </div>
                        </div>

                        <!-- Label -->
                        

                        <!-- Copyright and Publishing Rights -->
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label for="copyright_owner">Copyright Owner & Year</label>
                                <input type="text" class="form-control" name="copyright_owner" value="© K2 Music Produtora 2024" readonly>
                            </div>

                            <div class="form-group col-md-6">
                                <label for="publishing_rights">Publishing Rights & Year</label>
                                <input type="text" class="form-control" name="publishing_rights" value="© K2 Music Produtora 2024" readonly>
                            </div>
                        </div>

                        <!-- Release Date -->
                        <div class="form-row">
                            <div class="form-group col-md-12">
                                <label for="release_date">Release Date</label>
                                <input type="text" class="form-control" name="release_date" value="2024-09-23" readonly>
                                <small class="form-text text-muted">The official release date of this content.</small>
                            </div>
                        </div>

                        <!-- Display Image Files -->
                        <div class="form-row">
                            <div class="form-group col-md-12">
                                <label for="images">Current Cover Art:</label>
                                <div class="d-flex flex-wrap">
                                    @foreach ($details as $key => $file)
                                        @if (str_contains($key, 'image'))
                                            <div class="p-2">
                                                <img src="{{ $file }}" class="img-thumbnail" alt="Image File" style="max-width: 150px; max-height: 150px;">
                                            </div>
                                        @endif
                                    @endforeach
                                </div>
                            </div>
                        </div>

                        <!-- Display Audio Files -->
                        <div class="form-row">
    <div class="form-group col-md-12">
        <label for="audios">Audio Files</label>
        <div>
            @foreach ($details as $key => $file)
                @if (str_contains($key, 'audio'))
                    <div class="p-2">
                        <p><strong>{{ $file['title'] }}</strong></p> <!-- Display the title -->
                        <audio controls>
                            <source src="{{ $file['url'] }}" type="audio/mpeg"> <!-- Use 'url' field for src -->
                            Your browser does not support the audio element.
                        </audio>
                    </div>
                @endif
            @endforeach
        </div>
    </div>
</div>


                        <div class="buttons row" style="padding-bottom:20px">
                            <div class="col">
                                <button disabled type="submit" class="btn btn-red float-right">Save</button>
                            </div>
                            <div class="col">
                                <button disabled type="submit" name="save" value="save_as_draft" class="btn btn-red">Cancel</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection