@extends('layouts.app')
@section('content')
    <div class="card">
        <div class="card-header d-flex justify-content-between">
            <div class="header-title">
                <h4 class="card-title">Editar cliente</h4>
            </div>
        </div>
        <div class="card-body">
            <form id="form-cliente" action="{{ route('cliente.update', $cliente->id) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <input type="hidden" id="cliente_id" value="{{ $cliente->id }}">
                @include('cliente.form', ['submitButtonText' => 'Actualizar Cliente'])

            </form>
        </div>
    </div>
@endsection
@push('javascript')
<script>
    $('#form-cliente').on('submit', function(e) {
        e.preventDefault();

        let id = $('#cliente_id').val();
        let parameters = new FormData(this);

        submit_with_ajax("{{ route('cliente.update', $cliente->id) }}", 'POST', parameters, function(data) {
            Swal.fire({
                title: 'Alerta',
                text: data.message,
                icon: 'success',
                timer: 1000,
                onClose: () => {
                    location.href = "{{ route('cliente.index') }}";
                }
            });
        });
    });
</script>
@endpush