@extends('layouts.pmar.app')

@section('title', 'Página de Acompanhamento - Credenciamento de Músicos')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Bem-vindo, {{ $credenciamentoMusico->nome_completo }}!</h3>
                    <div class="card-tools">
                        <a href="{{ route('paginas.credenciamento-musico.logout') }}" class="btn btn-secondary">
                            <i class="fas fa-sign-out-alt"></i> Sair
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <!-- Status do Cadastro -->
                    <div class="row mb-4">
                        <div class="col-md-12">
                            <div class="alert alert-{{ $credenciamentoMusico->status_cadastro == 'APROVADO' ? 'success' : ($credenciamentoMusico->status_cadastro == 'REPROVADO' ? 'danger' : 'warning') }}">
                                <h5 class="alert-heading">Status do Cadastro</h5>
                                <p class="mb-0">
                                    <strong>{{ $credenciamentoMusico->status_cadastro }}</strong>
                                    @if($credenciamentoMusico->status_cadastro == 'APROVADO')
                                        - Parabéns! Seu credenciamento foi aprovado.
                                    @elseif($credenciamentoMusico->status_cadastro == 'REPROVADO')
                                        - Seu credenciamento foi reprovado. Entre em contato para mais informações.
                                    @else
                                        - Seu cadastro está sendo analisado. Aguarde o resultado.
                                    @endif
                                </p>
                            </div>
                        </div>
                    </div>

                    <!-- Dados Pessoais -->
                    <div class="card mb-3">
                        <div class="card-header">
                            <h5 class="card-title">Dados Pessoais</h5>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <strong>Nome Completo:</strong> {{ $credenciamentoMusico->nome_completo }}
                                </div>
                                <div class="col-md-6">
                                    <strong>Nome Artístico:</strong> {{ $credenciamentoMusico->nome_artistico ?? '-' }}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <strong>CPF:</strong> {{ $credenciamentoMusico->document }}
                                </div>
                                <div class="col-md-6">
                                    <strong>RG:</strong> {{ $credenciamentoMusico->rg }}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <strong>Data de Nascimento:</strong> {{ $credenciamentoMusico->dt_nascimento ? \Carbon\Carbon::parse($credenciamentoMusico->dt_nascimento)->format('d/m/Y') : '-' }}
                                </div>
                                <div class="col-md-6">
                                    <strong>Telefone:</strong> {{ $credenciamentoMusico->telefone_contato }}
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Dados Musicais -->
                    <div class="card mb-3">
                        <div class="card-header">
                            <h5 class="card-title">Dados Musicais</h5>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <strong>Instrumentos Musicais:</strong>
                                    <p>{{ $credenciamentoMusico->instrumentos_musicais }}</p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <strong>Experiência Profissional:</strong>
                                    <p>{{ $credenciamentoMusico->experiencia_profissional }}</p>
                                </div>
                            </div>
                            @if($credenciamentoMusico->portfolio_url)
                            <div class="row">
                                <div class="col-md-12">
                                    <strong>Portfólio:</strong>
                                    <a href="{{ $credenciamentoMusico->portfolio_url }}" target="_blank" class="btn btn-sm btn-outline-primary">
                                        <i class="fas fa-external-link-alt"></i> Ver Portfólio
                                    </a>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>

                    <!-- Chamados -->
                    <div class="card mb-3">
                        <div class="card-header">
                            <h5 class="card-title">Chamados</h5>
                            <div class="card-tools">
                                <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#novoChamadoModal">
                                    <i class="fas fa-plus"></i> Novo Chamado
                                </button>
                            </div>
                        </div>
                        <div class="card-body">
                            @if($credenciamentoMusico->chamados->count() > 0)
                                <div class="table-responsive">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th>Número</th>
                                                <th>Assunto</th>
                                                <th>Status</th>
                                                <th>Data</th>
                                                <th>Ações</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($credenciamentoMusico->chamados as $chamado)
                                            <tr>
                                                <td>{{ $chamado->num_chamado }}</td>
                                                <td>{{ $chamado->assunto }}</td>
                                                <td>
                                                    <span class="badge badge-{{ $chamado->status == 'Aberto' ? 'danger' : ($chamado->status == 'Atendido' ? 'success' : 'warning') }}">
                                                        {{ $chamado->status }}
                                                    </span>
                                                </td>
                                                <td>{{ $chamado->created_at->format('d/m/Y H:i') }}</td>
                                                <td>
                                                    <a href="{{ route('paginas.credenciamento-musico.show', [$credenciamentoMusico, $chamado]) }}" class="btn btn-sm btn-info">
                                                        <i class="fas fa-eye"></i> Ver
                                                    </a>
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @else
                                <div class="text-center">
                                    <p class="text-muted">Nenhum chamado encontrado.</p>
                                </div>
                            @endif
                        </div>
                    </div>

                    <!-- Ações -->
                    <div class="card">
                        <div class="card-header">
                            <h5 class="card-title">Ações</h5>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <a href="{{ route('paginas.credenciamento-musico.atualizarCadastro', $credenciamentoMusico) }}" class="btn btn-warning btn-block">
                                        <i class="fas fa-edit"></i> Atualizar Cadastro
                                    </a>
                                </div>
                                <div class="col-md-6">
                                    <a href="{{ route('paginas.credenciamento-musico.resetPassword') }}" class="btn btn-info btn-block">
                                        <i class="fas fa-key"></i> Alterar Senha
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal para Novo Chamado -->
<div class="modal fade" id="novoChamadoModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Novo Chamado</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <form method="POST" action="{{ route('paginas.credenciamentomusicochamado.store', $credenciamentoMusico) }}" enctype="multipart/form-data">
                @csrf
                <div class="modal-body">
                    <div class="form-group">
                        <label for="assunto">Assunto *</label>
                        <input type="text" name="assunto" id="assunto" class="form-control @error('assunto') is-invalid @enderror" 
                               value="{{ old('assunto') }}" required>
                        @error('assunto')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    
                    <div class="form-group">
                        <label for="mensagem">Mensagem *</label>
                        <textarea name="mensagem" id="mensagem" class="form-control @error('mensagem') is-invalid @enderror" 
                                  rows="4" required>{{ old('mensagem') }}</textarea>
                        @error('mensagem')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    
                    <div class="form-group">
                        <label for="anexo">Anexo</label>
                        <input type="file" name="anexo" id="anexo" class="form-control @error('anexo') is-invalid @enderror" 
                               accept=".pdf,.doc,.docx,.jpg,.jpeg,.png">
                        @error('anexo')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary">Enviar Chamado</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection
