@extends('layouts.app')
@section('content')
    <!-- Content Wrapper. Contains page content -->

    @if (count($errors) > 0)
        <div class="alert alert-danger">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <h5><i class="icon fas fa-exclamation-triangle"></i> Error</h5>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="row">
        <div class="col-md-2"></div>
        <div class="col-md-8">

            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title">Role</h3>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('rol.update', $role) }}" role="form">
                        @method('PUT')
                        {{ csrf_field() }}
                        <div class="card-body">
                            <div class="form-group">
                                <label for="inputName">Nombre</label>
                                <input type="text" class="form-control" id="inputName" name="name"
                                    placeholder="Nombre" value="{{ $role->name }}">
                            </div>
                        </div>

                        <div class="card-footer">
                            <button type="submit" class="btn btn-primary"> <i class="bi bi-lock"></i>
                                Guardar</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('javascript')
    <script>
        $('form').on('submit', function(e) {
            e.preventDefault();
            var parameters = new FormData(this);
            submit_with_ajax("{{ route('rol.update', $role->id) }}", 'POST', parameters,
                function() {
                    Swal.fire({
                        title: 'Alerta',
                        text: '¡Se ha guardado correctamente!',
                        icon: 'success',
                        timer: 1000,
                        onClose: () => {
                            location.href = "{{ route('rol.index') }}";
                        }
                    });
                });
        });
    </script>
@endpush