@extends('layouts.app')
@section('title','Nova Transferência')
@section('content')
<div class="content pt-3">
    <h2>Nova Transferência</h2>
    <form action="{{ route('transferencias.store') }}" method="POST">
        @csrf

        {{-- Campos hidden para manter os filtros --}}
        @foreach(request()->only(['status_vinculacao', 'periodo', 'data_inicio', 'data_fim', 'data_especifica', 'search_field', 'q', 'search_field2', 'q2']) as $key => $value)
            @if($value)
                <input type="hidden" name="{{ $key }}" value="{{ $value }}">
            @endif
        @endforeach

        @include('transferencias.partials.form')
        <button class="btn btn-primary">Salvar Transferência</button>
        <a href="{{ route('transferencias.index') }}{{ request()->getQueryString() ? '?' . request()->getQueryString() : '' }}" class="btn btn-secondary">Cancelar</a>
    </form>
</div>
@endsection

@push('styles-custom')
<!-- Select2 CSS -->
<link href="{{ asset('vendors/select2/css/select2.min.css') }}" rel="stylesheet" />
<style>
    /* Ajustes mínimos para Phoenix Template */
    .select2-container .select2-selection--single {
        height: 38px;
        border: 1px solid var(--phoenix-border-color);
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 36px;
        color: var(--phoenix-body-color);
    }
    .select2-dropdown {
        border: 1px solid var(--phoenix-border-color);
    }
</style>
@endpush

@push('scripts-custom')
    {{-- Select2 JS --}}
    <script src="{{ asset('vendors/select2/js/select2.full.min.js') }}"></script>
    <script src="{{ asset('vendors/select2/js/i18n/pt-BR.js') }}"></script>
    <script>
    $(document).ready(function() {
        // Configuração padrão do Select2
        $.fn.select2.defaults.set("language", "pt-BR");
        $.fn.select2.defaults.set("theme", "default");
        $.fn.select2.defaults.set("width", "100%");

        $('.select2').select2({
            placeholder: 'Selecione uma opção',
            allowClear: true
        });
    });
    </script>

    {{-- Máscara de valor em Real brasileiro --}}
    @include('transferencias.scripts.mascara-valor')

    {{-- Script para Select2 com AJAX --}}
    @include('transferencias.scripts.select2-transferencias-ajax')
@endpush