@extends("ushuaia.web.plantilla")
@section("contenido")
<div class="contenido-perfilComercio py-4">
    <div class="container my-4">
        <form action="" method="POST" enctype="multipart/form-data">
            <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
            <input type="hidden" id="id" name="id" class="form-control" value="{{$comercio->idcomercio}}" required>
            <div class="row">

                <div class="col-sm-6 col-12">
                    <h3 class="mb-4">MI PERFIL <span><i class="fas fa-pen"></i></span></h3>

                    <div class="col-12 mb-4">
                        <label for="txtNombre">Nombre de la empresa</label>
                        <p>{{$comercio->nombre}}</p>
                    </div>
                    <div class="col-12 mb-4">
                        <label for="txtCuit">CUIT</label>
                        <p>{{$comercio->cuit}}</p>
                    </div>
                    <div class="col-12 mb-4">
                        <label for="txtTelefono">Teléfono</label>
                        <input type="text" id="txtTelefono" name="txtTelefono" class="form-control" value="{{$comercio->telefono}}">
                    </div>
                    <div class="col-12 mb-4">
                        <label for="txtEmail">Email</label>
                        <input type="text" id="txtEmail" name="txtEmail" class="form-control" value="{{$comercio->email}}">
                    </div>
                    <div class="col-12 mb-4">
                        <label for="txtContacto">Contacto</label>
                        <input type="text" id="txtContacto" name="txtContacto" class="form-control" value="{{$comercio->contacto}}">
                    </div>
                </div>
                <div class="col-sm-6 col-12 text-center">
                    <div class="col-12 text-center mb-4">
                        <img src="https://masushuaia.com/ushuaia/images/{{$comercio->imagen}}" class="img-thumbnail" alt="{{$comercio->nombre}}" width="250px">
                    </div>
                    <div class="col-12 text-center">
                        <input type="file" id="txtImagenComercio" name="txtImagenComercio"> <br><br>
                        <span style="color: white; font-style:italic;">Esta es la imagen que verán los vecinos de la
                            localidad a la hora de buscar descuentos.</span>
                    </div>

                </div>
                <div class="col-12 text-center">
                    <button type="submit" class="btn py-1 px-5 mt-5">GUARDAR</button>

                </div>
            </div>
        </form>
    </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("/sucursales");
            }
        });
    }

    function fActivarCupon(id) {
        $.ajax({
            type: "GET",
            url: "{{ asset('/descuento/activarCupon') }}",
            data: {
                id: id
            },
            async: true,
            dataType: "json",
            success: function(data) {

                window.location.replace("/descuentos");
            }
        });

    }

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

@endsection