@extends('layouts.app')
@section('titulo', (!$model->exists ? 'Creando' : 'Editando') . ' Contrato')
@section('titulo_card', 'Datos del Contrato')

@section('content')
    {{ html()->modelForm($model, !$model->exists ? 'POST' : 'PATCH', !$model->exists ? route('gestion.contratos.store') : route('gestion.contratos.update', $model->id))->open() }}
    <div class="row">
        <div class="col">
            <div class="form-group">
                <label for="nombre">Nombre del contrato</label>
                {{ html()->text('Nombre')->class('form-control')->attributes(['oninput' => 'this.value = this.value.toUpperCase()']) }}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col">
            {{ html()->submit('<i class="far fa-save"></i> ' . (!$model->exists ? 'Guardar' : 'Editar'))->class('btn btn-primary') }}
        </div>
    </div>
    {{ html()->closeModelForm() }}
    @if ($model->exists)
        <br>
        <div class="row">
            <div class="col">
                <h5>Lista de servicios</h5>
            </div>
        </div>
        <div class="row">
            <div class="col">
                @livewire('servicio-table', ['Contrato' => $model])
            </div>
        </div>
    @endif
@endsection
@section('js')
    <script>
        $(function() {
            $('[data-toggle="tooltip"]').tooltip();
        });

        function eliminar(id) {
            Swal.fire({
                title: "¿Desea eliminar este servicio?",
                // icon: "warning",
                iconHtml: '<i class="fa-solid fa-trash fa-xs"></i>',
                iconColor: '#dc3545',
                showCancelButton: !0,
                confirmButtonText: "Si",
                cancelButtonText: "No",
            }).then((result) => {
                if (result.value === true) {
                    mostrarCargando();
                    var CSRF_TOKEN = '{{ csrf_token() }}';
                    $.ajax({
                        type: 'DELETE',
                        url: "{{ $model->exists ? route('gestion.contratos.servicios.destroy', [$model->id, '']) : '' }}/" + id,
                        data: {
                            _token: CSRF_TOKEN
                        },
                        dataType: 'JSON',
                        success: function(results) {
                            location.reload();
                        }
                    });

                }

            });
        }

        function mostrarCargando() {
            Swal.fire({
                title: 'Eliminando...',
                html: 'Por favor espere...',
                allowOutsideClick: false,
                timerProgressBar: true,
                didOpen: () => {
                    Swal.showLoading()
                }
            })
        }
    </script>
@endsection