@extends('layouts.app')

@section('title', 'Ficha de Filiação - Clube de Tiro')

@section('content')
    <div class="container-fluid">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h3 class="card-title">Ficha de Solicitação - Clube de Tiro</h3>
                <button onclick="window.print()" class="btn btn-primary btn-sm">
                    <i class="fas fa-print"></i> Imprimir
                </button>
            </div>
            <div class="card-body">

                <div class="ficha-content">
                    <!-- Título -->
                    <h1 class="titulo-ficha">FICHA DE SOLICITAÇÃO PARA FILIAÇÃO<br>EM CLUBE DE TIRO</h1>
                    <br>

                    <!-- Dados do candidato -->
                    <p style="text-align: justify; font-size: 16px;">
                        Eu, <strong>{{ $filiacao->DES_NOME }}</strong>, portador do CPF 
                        <strong>{{ $filiacao->NUM_CPF }}</strong>, residente em 
                        <strong>{{ $filiacao->DES_ENDERECO }}</strong> - 
                        BAIRRO <strong>{{ $filiacao->DES_BAIRRO }}</strong> - CEP 
                        <strong>{{ $filiacao->NUM_CEP }}</strong> - 
                        <strong>{{ $filiacao->DES_CIDADE }}/{{ $filiacao->COD_UF }}</strong>,
                        @if(!empty($filiacao->DES_FONE))
                            Telefone: <strong>{{ $filiacao->DES_FONE }}</strong>,
                        @elseif(!empty($filiacao->DES_CELULAR))
                            Telefone: <strong>{{ $filiacao->DES_CELULAR }}</strong>,
                        @endif
                        @if(!empty($filiacao->DES_EMAIL))
                            E-mail: <strong>{{ $filiacao->DES_EMAIL }}</strong>.
                        @endif
                    </p>

                    <br><br>
                    <!-- Dados do Clube -->
                    <h3>Dados do Clube de Tiro</h3>
                    <p style="font-size: 16px;">
                        Nome do Clube: __________________________________________ <br>
                        Endereço: ________________________________________________ <br>
                        Cidade/UF: _______________________________________________ <br>
                        CEP: ___________________________ <br>
                        Telefone: ______________________ <br>
                        E-mail: ________________________ 
                    </p>

                    <br><br>
                    <!-- Status da Solicitação -->
                    <h3>Status da Solicitação</h3>
                    <p style="font-size: 16px;">
                        Status: <strong>[  ] Aceito &nbsp;&nbsp;&nbsp; [  ] Não Aceito</strong> <br><br>
                        Motivo (caso não aceito): <br>
                        _______________________________________________________________ <br>
                        _______________________________________________________________ <br>
                    </p>
                    <br><p><br><p><br>
                    <br><p><br><p><br>
                    <!-- DATA DINÂMICA -->
                    @php
                        setlocale(LC_TIME, 'pt_BR.utf8');
                        $dataAtual = strftime('%d de %B de %Y');
                    @endphp
                    <p style="text-align: center; margin-top: 30px; font-size: 15px;">
                        Local/Data: __________________________ , {{ $dataAtual }}
                    </p>
                    <br><p><br><p><br>
                    <br><p><br><p><br>
                    <!-- Assinatura -->
                    <div style="margin-top: 50px; text-align: center;">
                        <hr style="width: 50%; border-top: 1px solid #000;">
                        <p>Assinatura do Solicitante</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('styles')
    <style>
        .titulo-ficha {
            text-align: center;
            font-weight: bold;
            font-size: 18px;
            display: block;
            margin-bottom: 15px;
        }

        @media print {
            body * {
                visibility: hidden;
            }

            .ficha-content,
            .ficha-content * {
                visibility: visible;
            }

            .container-fluid,
            .card,
            .card-body {
                padding: 0 !important;
                margin: 0 !important;
                width: 100% !important;
                max-width: 100% !important;
            }

            .ficha-content {
                position: relative;
                width: 100%;
                padding: 15mm;
                font-size: 18px;
            }

            .card-header,
            .btn {
                display: none !important;
            }
        }
    </style>
@endpush

@push('scripts')
    <script>
        window.onload = function () {
            window.print();
        };
    </script>
@endpush