@extends('adm.index')
@section('form')

<style>
    form{
        margin-bottom: 40px !important;
        height: 100%;
    }
    main{
        max-height: none;
    }
    .position-relative a{
        right: 10px;
        top: 20px;
        width: 40px;
        height: 40px;
    }
</style>

<div class="container">
    <div class="row">
        <div class="col-12">
            <h2>Editar distribuidor</h2>
        </div>
        <div class="col-12">
            <form method="POST" action="<?= route('editDistribuidor') ?>" enctype="multipart/form-data">
                @csrf

                <div class="container px-md-0">
                    <div class="row">
                        <div class="col-12">
                            <div class="mb-3">
                                <label for="orden" class="form-label">Orden</label>
                                <input type="text" class="form-control" id="orden" name="orden" value="<?= $distribuidor->orden ?>" required>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mb-3">
                                <input type="hidden" name="id" value="<?= $id ?>">
                                <label for="nombre" class="form-label">Nombre</label>
                                <input type="text" class="form-control" value="<?= $distribuidor->nombre ?>" id="nombre" name="nombre">
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mb-3">
                                <label for="provincia" class="form-label">Provincia</label>
                                
                                <?php if($distribuidor->provincia){ ?>
                                    <input type="text" class="form-control" id="provincia" name="provincia" value="<?= $distribuidor->provincia ?>">
                                <?php } else { ?>
                                    <input type="text" class="form-control" id="provincia" name="provincia">
                                <?php } ?>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mb-3">
                                <label for="pais" class="form-label">Pa&iacute;s</label>
                                <input type="text" class="form-control" id="pais" name="pais" value="<?= $distribuidor->pais ?>" required>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mb-3">
                                <label for="direccion" class="form-label">Direcci&oacute;n</label>
                                <input type="text" class="form-control" id="direccion" name="direccion" value="<?= $distribuidor->direccion ?>" required>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mb-3">
                                <label for="sitio" class="form-label">Sitio</label>
                                <input type="text" class="form-control" id="sitio" name="sitio" value="<?= $distribuidor->sitio ?>" required>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mb-3">
                                <label for="correo" class="form-label">Correo</label>
                                <input type="text" class="form-control" id="correo" name="correo" value="<?= $distribuidor->correo ?>" required>
                            </div>
                        </div>
                        <div class="form-group col-sm-12 col-md-4">
                            <div class="position-relative">
                                <!-- <a class="position-absolute btn btn-sm btn-danger rounded-pill far fa-trash-alt"></a> -->
                                <img src="{{asset(Storage::url($distribuidor->foto))}}" style="width: 216px; height: 216px;" class="img-thumbnail mt-4 h-25 w-25">
                            </div>
                            <label for="formFile" class="form-label">Imagen(Tama&ntilde;o recomendado: 1080 x 1080 px)</label>
                            <input class="form-control" type="file" id="formFile" name="foto">
                        </div>
                    </div>
                </div>
                <div class="col-12 mt-4">
                    <button type="submit" class="btn btn-primary">Actualizar distribuidor</button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
  $(document).ready(function() {
       $('textarea').summernote({
           height: 200,
           insertTableMaxSize: {
               col: 20,
               row: 20
           },
           toolbar: [
               // [groupName, [list of button]]
               ['table', ['table']],
               ['style', ['bold', 'italic', 'underline', 'clear']],
               ['font', ['strikethrough', 'superscript', 'subscript']],
               ['fontsize', ['fontsize']],
               ['color', ['color']],
               ['para', ['ul', 'ol', 'paragraph']],
               ['height', ['height']],
               ['view', ['fullscreen', 'codeview', 'help']],
            ],
       });
       $('#btnEliminarFoto5').click(function(){
           var confirm = window.confirm("¿Estas seguro/a que querés eliminar esta foto?");
           if(confirm == true){
               window.location = '<?= route('eliminarFoto5', $distribuidor->id); ?>';
           }
       });
       $('#btnEliminarFoto4').click(function(){
           var confirm = window.confirm("¿Estas seguro/a que querés eliminar esta foto?");
           if(confirm == true){
               window.location = '<?= route('eliminarFoto4', $distribuidor->id); ?>';
           }
       });
       $('#btnEliminarFoto3').click(function(){
           var confirm = window.confirm("¿Estas seguro/a que querés eliminar esta foto?");
           if(confirm == true){
               window.location = '<?= route('eliminarFoto3', $distribuidor->id); ?>';
           }
       });
       $('#btnEliminarFoto2').click(function(){
           var confirm = window.confirm("¿Estas seguro/a que querés eliminar esta foto?");
           if(confirm == true){
               window.location = '<?= route('eliminarFoto2', $distribuidor->id); ?>';
           }
       });
   });

</script>

@endsection
