@extends('layouts.public')

@section('title', $artista->nome)

@section('content')
<div class="container my-5">

{{-- =====================================================
    BLOQUEIO POR SENHA
===================================================== --}}
@if($artista->visibilidade === 'senha' && !session('artista_autorizado_'.$artista->id))

    <div class="card mx-auto" style="max-width:420px">
        <div class="card-body">
            <h4 class="mb-3 text-center">Acesso restrito</h4>

            <form method="POST" action="{{ route('artistas.public.senha', $artista->slug) }}">
                @csrf

                <div class="mb-3">
                    <label class="form-label">Senha</label>
                    <input type="password" name="senha" class="form-control" required>
                </div>

                <button class="btn btn-primary w-100">
                    Entrar
                </button>
            </form>

            @if(session('error'))
                <div class="alert alert-danger mt-3">
                    {{ session('error') }}
                </div>
            @endif
        </div>
    </div>

@else

{{-- =====================================================
    CABEÇALHO
===================================================== --}}

@if($artista->header_foto_path)
    <img src="{{ asset('storage/'.$artista->header_foto_path) }}"
         class="img-fluid rounded mb-4"
         style="width:100%;max-height:320px;object-fit:cover">
@endif

<div class="d-flex align-items-center gap-4 mb-3">
    @if($artista->foto_path)
        <img src="{{ asset('storage/'.$artista->foto_path) }}"
             style="height:120px;border-radius:10px">
    @endif

    <div>
        <h1 class="mb-1">{{ $artista->nome }}</h1>

        @if($artista->idade)
            <small class="text-muted">{{ $artista->idade }} anos</small><br>
        @endif

        <small class="text-muted">
            {{ $artista->segmento->nome ?? '' }}
            — {{ $artista->cidade }} / {{ $artista->estado }}
        </small>

        @if($artista->site)
            <div class="mt-1">
                <a href="{{ $artista->site }}" target="_blank">
                    {{ $artista->site }}
                </a>
            </div>
        @endif
    </div>
</div>

{{-- =====================================================
    REDES SOCIAIS
===================================================== --}}
@php
$socialIcons = [
    'facebook'  => 'fab fa-facebook',
    'instagram' => 'fab fa-instagram',
    'tiktok'    => 'fab fa-tiktok',
    'x_twitter' => 'fab fa-x-twitter',
    'youtube'   => 'fab fa-youtube',
    'linkedin'  => 'fab fa-linkedin',
    'pinterest' => 'fab fa-pinterest',
    'wechat'    => 'fab fa-weixin',
    'whatsapp'  => 'fab fa-whatsapp',
];
@endphp

<div class="mb-4 d-flex gap-4 flex-wrap fs-3">
@foreach($socialIcons as $field => $icon)
    @if(!empty($artista->$field))
        <a href="{{
            $field === 'whatsapp'
                ? 'https://wa.me/'.preg_replace('/\D+/','',$artista->$field)
                : $artista->$field
        }}"
           target="_blank"
           class="text-primary">
            <i class="{{ $icon }}"></i>
        </a>
    @endif
@endforeach
</div>

{{-- =====================================================
    GALERIA DE FOTOS
===================================================== --}}
@if($artista->midias->where('tipo','foto')->count())
<section class="mb-5">
    <h3>Fotos</h3>
    <div class="row">
        @foreach($artista->midias->where('tipo','foto') as $midia)
            <div class="col-md-3 col-6 mb-3">
                <a href="{{ asset('storage/'.$midia->path) }}" target="_blank">
                    <img src="{{ asset('storage/'.$midia->path) }}"
                         class="img-fluid rounded"
                         style="height:160px;object-fit:cover;cursor:zoom-in">
                </a>
            </div>
        @endforeach
    </div>
</section>
@endif

{{-- =====================================================
    VÍDEOS
===================================================== --}}
@if($artista->midias->where('tipo','video')->count())
<section class="mb-5">
    <h3>Vídeos</h3>
    <div class="row">
        @foreach($artista->midias->where('tipo','video') as $midia)

            @php
                $url = $midia->url;
                $embed = null;

                if (str_contains($url,'youtube') || str_contains($url,'youtu.be')) {
                    preg_match('/(youtu\.be\/|v=)([^&]+)/', $url, $m);
                    $embed = isset($m[2]) ? 'https://www.youtube.com/embed/'.$m[2] : null;
                } elseif (str_contains($url,'vimeo')) {
                    preg_match('/vimeo\.com\/(\d+)/', $url, $m);
                    $embed = isset($m[1]) ? 'https://player.vimeo.com/video/'.$m[1] : null;
                }
            @endphp

            @if($embed)
                <div class="col-md-6 mb-3">
                    <div class="ratio ratio-16x9">
                        <iframe src="{{ $embed }}" allowfullscreen></iframe>
                    </div>
                </div>
            @endif

        @endforeach
    </div>
</section>
@endif

{{-- =====================================================
    PDFs
===================================================== --}}
@if($artista->midias->where('tipo','pdf')->count())
<section class="mb-5">
    <h3>Portfólio</h3>
    <ul>
        @foreach($artista->midias->where('tipo','pdf') as $midia)
            <li>
                <a href="{{ asset('storage/'.$midia->path) }}" target="_blank">
                    {{ $midia->titulo ?? 'Download PDF' }}
                </a>
            </li>
        @endforeach
    </ul>
</section>
@endif

@endif {{-- FIM DO BLOQUEIO --}}

</div>
@endsection