@extends("ushuaia.web.plantilla")
@section("contenido")
<div class="contenido-sucursales py-4">
    <div class="container my-4">
        <div class="row">
            <div class="col-12">
                <h3>SUCURSALES</h3>
            </div>
        </div>
        <div class="row mt-2 py-4">
            <div class="col-sm-3 col-6 mb-3">
                <div class="card agregar-descuento">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12 mb-3 text-center">
                                <h3>AGREGAR SUCURSAL</h3>
                            </div>
                            <div class="col-12 text-center">
                                <a href="/sucursal/nuevo">
                                    <i class="fas fa-plus"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @if(isset($comercio))
            @foreach($array_sucursal as $sucursal)
            <div class="col-sm-3 col-6">
                <div class="card sucursales">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12 text-center px-1">
                                <h3>SUCURSAL <br> {{$sucursal->nombre }}</h3>
                                <p class="my-sm-2">{{$sucursal->domicilio}}</p>

                            </div>

                            <div class="col-12 text-right mt-sm-2">
                                <a href="#" onclick="fAbrirModalEliminar({{ $sucursal->idsucursal }})">
                                    <i class="fas fa-trash"></i>
                                </a>
                                <a href="/sucursal/{{$sucursal->idsucursal}}">
                                    <i class="fas fa-pen"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
            @endif
        </div>
    </div>
</div>

<div class="modal fade" id="mdlEliminar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <input type="hidden" id="id" name="id" class="form-control" value="" required>
                <h5 class="modal-title" id="exampleModalLabel">Eliminar registro?</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">¿Deseas eliminar el registro actual?</div>
            <div class="modal-footer">
                <button class="btn btn-secondary" type="button" data-dismiss="modal">No</button>
                <button type="button" class="btn btn-primary" onclick="eliminar();">Sí</button>
            </div>
        </div>
    </div>
</div>

<script>
    function toggle() {
        $(function() {
            $('#toggle-one').bootstrapToggle();
        })
    }


    function eliminar() {
        id = $('#id').val();
        $.ajax({
            type: "GET",
            url: "{{ asset('/sucursal/eliminar') }}",
            data: {
                id: id
            },
            async: true,
            dataType: "json",
            success: function(data) {
                window.location.replace("/comercio/sucursales");
            }
        });
    }



    function fAbrirModalEliminar(id) {
        $('#mdlEliminar').modal('toggle');
        $('#id').val(id);
    }
</script>
@endsection