@extends ('layouts.app')

@section('content')
    <div class="page-content-wrapper">
        <div class="page-content" style="min-height: 1200px">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li>
                            <i class="fa fa-home"></i>&nbsp;<a class="parent-item"
                                href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Crear Servicio de Contrato</li>
                    </ol>
                </div>

                <h2>Opción: {{ $option->id }} </h2>
            </div>

            <div class="card-box p-5">
                <div class="row">
                    <div class="col-md-12">
                        <input type="hidden" id="lote_id" value="{{ $option->id }}">
                        <p>
                            <a class="btn btn-primary" href="{{ url('option/' . $option->id . '/edit') }}"><i
                                    class="fa fa-pencil"></i> Actualizar
                            </a>
                            <button class="btn btn-danger" onclick="deleteLote()"><i class="fa fa-trash"></i> Eliminar
                            </button>
                            <a class="btn btn-warning" href="{{ url('categorias') }}"><i class="fa fa-chevron-left"></i>
                                Volver a Lista
                            </a>
                        </p>
                    </div>
                    <table id="w0" class="table table-striped table-bordered detail-view">
                        <tbody>
                            <tr>
                                <th>ID</th>
                                <td>{{ $option->id }}</td>
                            </tr>
                            <tr>
                                <th>Nombre</th>
                                <td>{{ $option->name }}</td>
                            </tr>
                            <tr>
                                <th>Descripción</th>
                                <td>{{ $option->description }}</td>
                            </tr>

                            <tr>
                                <th>Categoría</th>
                                <td>{{ $option->category }}</td>
                            </tr>
                            <tr>
                                <th>Orden</th>
                                <td>{{ $option->order }}</td>
                            </tr>
                            <tr>
                                <th>Estado</th>
                                <td>
                                    @if ($option->status == 1)
                                        <span class="badge badge-success">Activo</span>
                                    @else
                                        <span class="badge badge-danger">Inactivo</span>
                                    @endif
                                </td>
                            </tr>
                        <tbody>
                    </table>
                </div>

            </div>
        </div>





    </div>
@endsection

@section('scripts')
    <script>
       function deleteLote(){
            var id = $('#lote_id').val();
            Swal.fire({
                    title: "¿Estás seguro?",
                    text: "Una vez eliminado, no podrá recuperar este registro!",
                    icon: "warning",
                    buttons: true,
                    dangerMode: true,
                })
                .then((willDelete) => {
                    if (willDelete) {
                        $.ajax({
                            url: "{{ url('categorias') }}" + '/' + id,
                            type: "POST",
                            data: {
                                '_method': 'DELETE',
                                '_token': $('meta[name="csrf-token"]').attr('content')
                            },
                            success: function(response) {
                                Swal.fire(response.status, {
                                        icon: "success",
                                    })
                                    .then((result) => {
                                        window.location.href = "{{ url('categorias') }}";
                                    });
                            }
                        });
                    } else {
                        Swal.fire("Operación cancelada!");
                    }
                });
                /* alert("hola mundo") */
        }
    </script>