@extends('templates.base-template')

@section('header')
    <div class="content-header">
        @yield('breadcrumb')
    </div>
@endsection

@section('content')
        <div class="content-wrapper">
            @include('common.success-display')
            @include('common.error-display')

            <div class="container">
                <div class="modal fade" id="modal-lg" dusk="modalForm">
                    <div class="modal-dialog modal-{{ $size ?? 'lg'}}">
                        <form method="POST" action="{{ url($action) }}" id="main_form" enctype="{{$enctype ?? ''}}">
                            @csrf
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title">{{ isset($titulo) ? $titulo : 'Novo' }}</h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    @yield('form')
                                    <input type="hidden" name="_method" id="method">
                                    <input type="hidden" name="id" id="id">
                                </div>
                                <div class="modal-footer justify-content-between">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
                                    <button type="submit" class="btn btn-primary">Salvar</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

                <div class="row">
                    @if(isset($btnRowLeftContent))
                        <div class="col-md-9">
                            {!! $btnRowLeftContent !!}
                        </div>
                    @endif

                    <div class="{{ isset($btnRowLeftContent) ? $btnRowLeftContent : 'offset-md-9' }} col-md-3 text-right">
                        <button type="button" class="btn btn-default" onclick="resetForm()" data-toggle="modal" data-target="#modal-lg">
                            {{$criar ?? "Criar"}}
                        </button>
                    </div>
                </div>

                <div class="row pt-3">
                    <div class="col">
                        @yield('table')
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('common.delete_confirmation')
@endsection

@push('scripts')
    <script>
        var deletionConfirmed = false;
        var currentForm = null;

        @if ($errors->any())
            $('#modal-lg').modal('show')
        @endif
        
        $(document).ready(function(){
            $('.jsedit').click(getFormData)
            $('.jsshow').click(goToPage)
            $('.jsview').click(goToPage)
            $('.digsign').click(goToPage)
            $('.jsdelete').click(showDeleteModal)
            $('#confirm-delete').click(confirmDelete)
        });

        function getFormData() {
            let path = $(this).data('url')

            $.ajax({
                url: path, 
                success: fillFormData,
                headers: {'X-CSRF-TOKEN': "{{ csrf_token() }}" },
            });
        }

        function resetForm(){
            $("#main_form")[0].reset();
            $('#main_form').find('[checked]').removeAttr('checked')
        }

        let url = $('#main_form').prop('action');
        function prepareUpdateForm(d) {
            $('#main_form').prop('action', url + '/' + d.id);
            $('#method').val('PUT');
            $('#id').val(d.id);
            $('#modal-lg').modal('show');
        }

        /**
         * Solicita ao usuário confirmação para deletar um item
         */
        function showDeleteModal() {
            $('#confirmation-modal').modal('show');
            currentForm = $(this).parent();
            deletionConfirmed = false;
        }

        /** Envia os dados do form de deletar */
        function confirmDelete(){
            currentForm.submit();
        }
    </script>
@endpush