@extends('layouts.app')

@section('title', 'Blog')
@section('idname', 'single')

@section('content')
<div class="container" style="margin-top: 200px;">
    <style>
        .btn-custom {
            height: 25px;
            width: 25px;
            border-radius: 8px;
            padding-left: 0px;
            padding-right: 20px;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }
        
        .search-box {
    max-width: 300px;
    margin-bottom: 15px;
}

        .table-custom th, .table-custom td {
            vertical-align: middle;
        }

        .btn-primary-custom {
            background-color: #007bff;
            border-color: #007bff;
            padding: 0.25rem 0.5rem;
        }

        .btn-primary-custom:hover {
            background-color: #0056b3;
            border-color: #004085;
        }

        .btn-danger-custom {
            background-color: #dc3545;
            border-color: #dc3545;
            padding: 0.25rem 0.5rem;
        }

        .btn-danger-custom:hover {
            background-color: #c82333;
            border-color: #bd2130;
        }

        .form-group small {
            display: block;
            margin-top: 5px;
        }

        .cover-art {
            width: 50px;
            height: 50px;
            object-fit: cover;
            border-radius: 5px;
        }
        
        .status-label {
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-weight: bold;
            display: inline-block;
            margin-right: 5px;
        }

        .status-approved {
            background-color: green;
        }

        .status-rejected {
            background-color: red;
        }

        .status-taken-down {
            background-color: black;
        }

        .status-pending {
            background-color: yellow;
            color: black;
        }
    </style>
    <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
                    @if (Auth::user()->role_id == 2)
                    <form action="{{ route('album-recordings.store') }}" method="post">
                        @csrf
                        <div class="form-row">
                            <div class="form-group col-md-12">
                                <label for="title">Title</label>
                                <input placeholder="Release title" required type="text" class="form-control" name="title" value="{{ old('title') }}" id="title">
                                <small class="form-text text-muted">Indicate the name of this release as it should appear publicly. The title must be accurate and correctly formatted in the language of the release and must not include names of artists or any additional information.</small>
                            </div>
                        </div>
                        <div class="buttons row" style="padding-bottom: 20px;">
                            <div class="col">
                                <button type="submit" class="btn btn-danger-custom btn-sm">Create Release</button>
                            </div>
                        </div>
                    </form>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid mt-5">
    
    <div class="row">
        <div class="col-12">
            <h2>Release Lists</h2>
            <form  action="{{ route('audio.releaselist') }}" method="GET">
    <div class="input-group">
        <input type="text" name="search" class="form-control" placeholder="Search..." value="{{ request('search') }}">
        <div class="input-group-append">
            <button type="submit" class="btn btn-red register">Search</button>
        </div>
    </div>
</form>

        </div>
    </div>
    <div class="row" style="margin-top:50px">
        <div class="col-12">
            <!-- Add the table-responsive div to enable horizontal scrolling -->
            <div class="table-responsive">
            <table class="table table-bordered table-hover table-custom">
    <thead>
        <tr>
            <th>ID</th>
            <th>Cover Art</th>
            <th>Contributor</th>
            <th>Title</th>
            @if (Auth::user()->role_id == 1 || Auth::user()->role_id == 3)
                <th>Creator</th>
            @endif
            <th>UPC</th>
            <th>Release Type</th>
            <th>Release Date</th>
            <th>Status</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        @foreach ($combinedData as $data)
            @if ($data->type == 'release')
                <tr>
                    <td>{{ $data->id }}</td>
                    <td>
                        @if($data->cover_art)
                            <a href="{{ route('albums.preview', $data->id) }}">
                                <img src="{{ $data->cover_art
                                    ? (Str::startsWith($data->cover_art, 'https://abacuosawsbucket.s3.us-east-2.amazonaws.com')
                                        ? $data->cover_art
                                        : asset('storage/' . $data->cover_art))
                                    : 'https://via.placeholder.com/100' }}" alt="Cover Art" class="cover-art">
                            </a>
                        @else
                            <img src="https://placehold.co/100x100" alt="Cover Art" class="cover-art">

                        @endif
                    </td>
                    <td>
                        @if($data->contributors)
                            {{ $data->contributors->pluck('name')->join(', ') }}
                        @else
                            No Contributors
                        @endif
                    </td>
                    <td>{{ $data->title }}</td>
                    @if (Auth::user()->role_id == 1 || Auth::user()->role_id == 3)
                        <td>{{ $data->user->email }}</td>
                    @endif
                    <td>{{ $data->upc_ean }}</td>
                    <td>{{ $data->release_type }}</td>
                    <td>{{ $data->digital_release_date }}</td>
                    
                        <td>
@php
    $firstDistribution = $data->distributions->first();
@endphp

@if($firstDistribution && $firstDistribution->status == 'submitted')
    <span class="status-label status-pending">Pending</span>
@elseif($firstDistribution && (
    $firstDistribution->status == 'approved' ||
    $firstDistribution->status == 'rejected' ||
    $firstDistribution->status == 'down'))
    @foreach ($data->distributions as $distribution)
        <span class="status-label 
            @if($distribution->status == 'approved') status-approved 
            @elseif($distribution->status == 'rejected') status-rejected 
            @elseif($distribution->status == 'down') status-taken-down 
            @endif">
            {{ ucfirst($distribution->status) }}
        </span>
    @endforeach
@else
    <span class="status-label status-pending">Awaiting Submission</span>
@endif

</td>

                    
                    <td>
                        @php
    $firstDistribution = $data->distributions->first();
@endphp

@if($firstDistribution && $firstDistribution->status == 'approved')
    
@elseif($firstDistribution && (
    $firstDistribution->status == 'submitted' ||
    $firstDistribution->status == 'rejected' ||
    $firstDistribution->status == 'down'))
    @foreach ($data->distributions as $distribution)
         <div class="btn-group" role="group" aria-label="Basic example">
                            <a href="{{ route('album.edit', $data->id) }}" class="btn-custom btn-primary-custom btn-sm">
                                <i class="fa fa-pencil"></i>
                            </a>
                            <form action="{{ route('album-recordings.destroy', $data->id) }}" method="POST" style="display:inline-block;">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn-custom btn-danger-custom btn-sm">
                                    <i class="fa fa-trash"></i>
                                </button>
                            </form>
                        </div>
    @endforeach
@else
    <div class="btn-group" role="group" aria-label="Basic example">
            <a href="{{ route('album.edit', $data->id) }}" class="btn-custom btn-primary-custom btn-sm">
                <i class="fa fa-pencil"></i>
            </a>
            <form action="{{ route('album-recordings.destroy', $data->id) }}" method="POST" style="display:inline-block;">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn-custom btn-danger-custom btn-sm">
                    <i class="fa fa-trash"></i>
                </button>
            </form>
        </div>
@endif



                        
                    </td>
                </tr>
            @endif
        @endforeach
        @foreach ($combinedData as $data)
            @if ($data->type == 'catalog')
                <tr>
                    <td>{{ $data->id }}</td>
                    <td>
                         @php
        $imageUrl = findImageFileInS3($data->ean13 . '.jpg');
    @endphp

    @if($imageUrl)
    <a href="{{ url('/oldreleases/' . $data->ean13) }}">
                           <img src="{{ $imageUrl }}" alt="Catalog Image" class="cover-art">
                        </a>
        
    @else
        <img src="https://placehold.co/100x100" alt="Cover Art" class="cover-art">

    @endif
                    </td>
                    <td>{{ $data->display_artist }}</td>
                    <td>{{ $data->track_title }}</td>
                    @if (Auth::user()->role_id == 1 || Auth::user()->role_id == 3)
                        <td>{{ $data->email }}</td>
                    @endif
                    <td>{{ $data->ean13 }}</td>
                    <td>{{ $data->album_format }}</td>
                    <td>{{ $data->release_launch }}</td>
                    <td><span class="status-label status-approved">Approved</span></td>
                    <td>
                        
                    </td>
                </tr>
            @endif
        @endforeach
    </tbody>
</table>
</div> <!-- End of .table-responsive -->
<div class="mt-4 d-flex justify-content-center">
    {{ $combinedData->links('pagination::bootstrap-4') }}
</div>

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