@extends('layouts.publicador.novo_padrao')

@section('content')
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
    <linK rel="stylesheet" href="{{ asset('css/publicador.css') }}">

    <div class="container">
        <div class="content-wrapper">

            <div class=" content-header">
                <h4 class="mb-4">
                    @choice('labels.publicacao', 0)
                    <small
                        class="text-muted">{{ empty($model->id) ? __('labels.acoes.adicionar') : __('labels.acoes.alterar') }}</small>
                </h4>
            </div>

            <div class="content-wrapper">
                <div class="filter-wrapper">

                    @if ($errors->any())
                        <div class="alert alert-danger col-6 ml-auto mr-auto mb-3">
                            @lang('labels.msg.verifique')
                        </div>
                    @endif

                    @if (empty($model))
                        {!! Form::open(['route' => ['publicador.publicacao.salvar'], 'class' => 'form form-edit', 'files' => true]) !!}
                    @else
                        {!! Form::model($model, ['route' => ['publicador.publicacao.salvar'], 'method' => 'put', 'files' => true]) !!}
                        {{ Form::hidden('id') }}
                    @endif

                    <div class="row">

                        {{-- PUBLICADO --}}
                        <div class="col-sm-6">
                            <div class="form-group">
                                {{ Form::label('publicado', __('labels.publicado')) }}
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <i class="bi bi-globe"></i>
                                        </span>
                                    </div>
                                    {{ Form::select('publicado', Config::get('constants.boolean'), null, ['class' => 'form-control border-left-0 ' , 'placeholder' => __('labels.acoes.selecione')]) }}
                                </div>
                                @if ($errors->has('publicado'))
                                    <div class="is-invalid invalid-feedback">
                                        <strong>{{ $errors->first('publicado') }}</strong>
                                    </div>
                                @endif
                            </div>
                        </div>

                        {{-- DESCRIÇÃO/TÍTULO --}}
                        <div class="col-sm-6">
                            <div class="form-group">
                                {{ Form::label('descricao', __('labels.titulo')) }}
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <i class="bi bi-type"></i>
                                        </span>
                                    </div>
                                    {{ Form::text('descricao', null, ['class' => 'form-control  border-left-0 ' . ($errors->has('descricao') ? 'is-invalid' : ''), 'maxlength' => 100, 'placeholder' => __('labels.descricao'), 'id' => 'descricao']) }}
                                </div>
                                @if ($errors->has('descricao'))
                                    <div class="is-invalid invalid-feedback">
                                        <strong>{{ $errors->first('descricao') }}</strong>
                                    </div>
                                @endif
                            </div>
                        </div>

                        {{-- ARQUIVO/UPLOAD --}}
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label for="arquivo" class="form-label">@choice('labels.arquivos', 1)</label>

                                {{-- Área de upload --}}
                                <div class="upload-area">
                                    <div class="upload-zone" id="upload-zone">
                                        <div class="upload-content">
                                            <i class="bi bi-cloud-upload upload-icon"></i>
                                            <h5>Clique para selecionar ou arraste o arquivo</h5>
                                            <p class="text-muted">Formatos aceitos: PDF, DOC, DOCX, JPG, PNG (máx. 10MB)</p>
                                            {{ Form::file('arquivo', ['class' => 'upload-input', 'id' => 'arquivo']) }}
                                        </div>
                                    </div>
                                </div>

                                @if ($errors->has('arquivo'))
                                    <div class="is-invalid invalid-feedback d-block">
                                        <strong>{{ $errors->first('arquivo') }}</strong>
                                    </div>
                                @endif

                                {{-- Arquivo existente --}}
                                @if (!empty($model) && !empty($model->arquivo) && is_file(public_path($model->caminho_completo)))
                                    <div class="current-file mt-3">
                                        <div class="alert alert-info">
                                            <i class="bi bi-info-circle"></i>
                                            @lang('labels.msg.arquivo_subst')
                                        </div>

                                        <div class="file-preview-container">
                                            <div class="file-preview">
                                                <i class="bi bi-file-earmark-text file-icon"></i>
                                                <span class="file-name">{{ $model->arquivo }}</span>
                                            </div>
                                            <div class="file-actions">
                                                <a href="{{ url(sprintf('storage/%s%s', $model->uploadFolder, $model->arquivo)) }}"
                                                    class="btn btn-outline-primary btn-sm" target="_blank">
                                                    <i class="bi bi-eye"></i>
                                                    @lang('labels.visualizar_arquivo')
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    {{ Form::hidden('exists', 1) }}
                                @else
                                    {{ Form::hidden('exists', 0) }}
                                @endif
                            </div>
                        </div>
                    </div>


                    <p class="text-center">
                        <a href="{{ route('publicador.publicacao.index') }}" class="btn btn-danger">@lang('labels.acoes.cancelar')</a>
                        {{ Form::submit(__('labels.acoes.salvar'), ['class' => 'btn btn-success']) }}
                    </p>
                </div>
            </div>
            {!! Form::close() !!}
        </div>
    </div>

    <style>
        /* Área de upload */
        .upload-area {
            margin-bottom: 1rem;
        }

        .upload-zone {
            position: relative;
            border: 2px dashed #dee2e6;
            border-radius: 8px;
            padding: 2rem;
            text-align: center;
            transition: all 0.3s ease;
            background-color: #f8f9fa;
        }

        .upload-zone:hover {
            border-color: #007bff;
            background-color: #e3f2fd;
        }

        .upload-content {
            position: relative;
            z-index: 2;
        }

        .upload-icon {
            font-size: 3rem;
            color: #6c757d;
            margin-bottom: 1rem;
        }

        .upload-zone:hover .upload-icon {
            color: #007bff;
        }

        .upload-input {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
            z-index: 3;
        }

        /* Preview do arquivo */
        .current-file {
            border: 1px solid #dee2e6;
            border-radius: 8px;
            padding: 1rem;
            background-color: #ffffff;
        }

        .file-preview-container {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

        .file-preview {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            flex: 1;
        }

        .file-icon {
            font-size: 2rem;
            color: #6c757d;
        }

        .file-name {
            font-weight: 500;
            color: #495057;
        }

        .file-actions {
            flex: 0 0 auto;
        }
    </style>
@endsection