@extends('v2-cms::layouts.app', ['title' => 'Assinar Documento'])

@section('page-breadcrumbs')
    <nav aria-label="Breadcrumb">
        <ol class="breadcrumb bg-transparent p-0 mb-0 small">
            <li class="breadcrumb-item"><a href="{{ route('v2.cms.dashboard') }}" class="text-decoration-none">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ route('v2.certificadodigital.index') }}" class="text-decoration-none">Infraestrutura</a></li>
            <li class="breadcrumb-item"><a href="{{ route('v2.certificadodigital.index') }}" class="text-decoration-none">Certificado Digital</a></li>
            <li class="breadcrumb-item active" aria-current="page">Assinar</li>
        </ol>
    </nav>
@endsection

@section('content')
<div class="row g-4">
    {{-- Coluna Esquerda: Formulário de Assinatura --}}
    <div class="col-lg-7 col-12">
        <div class="card shadow-sm border-0 h-100">
            <div class="card-body p-4">
                @include('v2-certificadodigital::cms.sign.partials.errors')

                @v2can('CertificadoDigital', 'write')
                @if($certificates->isEmpty())
                    @include('v2-certificadodigital::cms.sign.partials.no-certs')
                @else
                    @include('v2-certificadodigital::cms.sign.partials.form-fields')
                @endif
                @else
                    <div class="text-center py-5">
                        <i class="bi bi-lock-fill text-muted" style="font-size: 2.5rem;" aria-hidden="true"></i>
                        <p class="text-muted mt-2 mb-0 fw-bold">Você não tem permissão de escrita neste módulo.</p>
                        <p class="text-muted small">Apenas operadores com permissão de escrita podem assinar documentos.</p>
                    </div>
                @endv2can
            </div>
        </div>
    </div>

    {{-- Coluna Direita: Pré-visualização do Carimbo --}}
    <div class="col-lg-5 col-12">
        <div class="card shadow-sm border-0 h-100">
            <header class="card-header bg-light py-3">
                <h4 class="h6 mb-0 fw-bold d-flex align-items-center gap-2">
                    <i class="bi bi-eye-fill text-primary" aria-hidden="true"></i>
                    Visualização do Carimbo
                </h4>
            </header>
            <div class="card-body bg-light p-4" style="min-height: 400px;">
                @include('v2-certificadodigital::cms.sign.partials.preview')
            </div>
        </div>
    </div>
</div>

{{-- Modal de confirmação --}}
@include('v2-certificadodigital::cms.sign.partials.confirm-modal')
@endsection

@push('scripts')
    @include('v2-certificadodigital::cms.sign.partials.scripts')
@endpush