@extends('layouts.app')

@section('title', 'Enviar Mídia')

@section('content')
<div class="container py-5 public-gallery-container">
    <div class="row justify-content-center">
        <div class="col-12 text-center mb-4">
            <h1 class="color-primary">{{ $link->name }}</h1>
            <p class="lead text-white-50">Enviando para a tela: <strong>{{ $link->userScreen->name }}</strong></p>
        </div>
    </div>

    @if (session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif
    @if (session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {{ session('error') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div id="screensContainer" class="container-fluid"
        data-link-token="{{ $link->token }}"
        data-slot-config='@json($link->slot_config)'
        data-current-media="{{ $currentMediaJson }}"
        data-status-url="{{ route('public-upload.media', $link->token) }}"
        data-store-url="{{ route('public-upload.store', $link->token) }}"
        data-destroy-url-template="{{ route('public-upload.destroy', ['media' => ':id']) }}"
        data-csrf-token="{{ csrf_token() }}">
    </div>

    <div id="loading"></div>

</div>
@endsection

@push('scripts')
    @vite('resources/js/public-upload-gallery.js')
@endpush