@extends('layouts.admin')
@section('content')
    <div class="row">
        <h1> Actualizacion de Configuraciones</h1>
    </div>
    <hr>

    <div class="row justify-content-center">
        <div class="col-xl-9 col-lg-10 col-md-12">
            <div class="card card-outline card-primary">
                <div class="card-header">
                    <h3 class="card-title">Actualize los Datos</h3>
                </div>
                <div class="card-body">
                    <form action="{{url('/admin/configuraciones',$configuracion->id)}}" method="POST" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        <div class="row">
                            <div class="col-md-8">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Nombre Unidad Medica</label> <b>*</b>
                                            <input type="text" value="{{$configuracion->nombre}}" name="nombre" class="form-control" required>
                                            @error('nombre')
                                            <small style="color: red">{{$message}}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">RUC</label> <b>*</b>
                                            <input type="text" value="{{$configuracion->ruc}}" name="ruc" class="form-control" required>
                                            @error('ruc')
                                            <small style="color: red">{{$message}}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Telefono</label> <b>*</b>
                                            <input type="number" value="{{$configuracion->telefono}}" name="telefono" class="form-control" required>
                                            @error('telefono')
                                            <small style="color: red">{{$message}}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Direccion</label> <b>*</b>
                                            <input type="text" value="{{$configuracion->direccion}}" name="direccion" class="form-control" required>
                                            @error('direccion')
                                            <small style="color: red">{{$message}}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Autorizacion MSP</label> <b>*</b>
                                            <input type="number" value="{{$configuracion->autorizacion}}" name="autorizacion" class="form-control" required>
                                            @error('autorizacion')
                                            <small style="color: red">{{$message}}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Email</label> <b>*</b>
                                            <input type="email" value="{{$configuracion->correo}}" name="correo" class="form-control" required>
                                            @error('correo')
                                            <small style="color: red">{{$message}}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="inicio_historia_clinica">N° Inicio Historia Clínica</label> <b>*</b>
                                            <input type="number" min="1" value="{{old('inicio_historia_clinica', $configuracion->inicio_historia_clinica ?? 1)}}" name="inicio_historia_clinica" id="inicio_historia_clinica" class="form-control" placeholder="Ej: 1000" required>
                                            <small class="form-text text-muted"><i class="bi bi-info-circle"></i> Número inicial correlativo para los nuevos pacientes registrados.</small>
                                            @error('inicio_historia_clinica')
                                            <small style="color: red">{{$message}}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="inicio_receta">N° Inicio Recetas</label> <b>*</b>
                                            <input type="number" min="1" value="{{old('inicio_receta', $configuracion->inicio_receta ?? 1)}}" name="inicio_receta" id="inicio_receta" class="form-control" placeholder="Ej: 1" required>
                                            <small class="form-text text-muted"><i class="bi bi-info-circle"></i> Número inicial correlativo para las nuevas recetas emitidas.</small>
                                            @error('inicio_receta')
                                            <small style="color: red">{{$message}}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-12 mt-2">
                                        <hr class="my-2">
                                        <h6 class="font-weight-bold text-primary mb-2">
                                            <i class="bi bi-key-fill mr-1"></i> Cambiar Clave de Acceso (Opcional)
                                        </h6>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="nueva_password">Nueva Contraseña</label>
                                            <input type="password" name="nueva_password" id="nueva_password" class="form-control" placeholder="Dejar en blanco para mantener la actual">
                                            @error('nueva_password')
                                            <small style="color: red">{{$message}}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="nueva_password_confirmation">Confirmar Nueva Contraseña</label>
                                            <input type="password" name="nueva_password_confirmation" id="nueva_password_confirmation" class="form-control" placeholder="Repita la nueva contraseña">
                                        </div>
                                    </div>

                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="logo">Logo</label>
                                    <input type="file" id="file" name="logo" class="form-control">
                                    <br>
                                    <center>
                                        <output id="list">
                                            <img src="{{url('storage/'.$configuracion->logo)}}" alt="logo" width="250px">
                                        </output>
                                    </center>
                                    <script>
                                        function archivo(evt) {
                                            var files = evt.target.files;
                                            for (var i = 0, f; f = files[i]; i++) {
                                                if (!f.type.match('image.*')){
                                                    continue;
                                                }
                                                var reader = new FileReader();
                                                reader.onload = (function (theFile){
                                                    return function (e) {
                                                        document.getElementById("list").innerHTML = ['<img class="thumb thumbnail" src="', e.target .result, '"width="70%" title="', escape(theFile.name), '"/>' ].join(''); };
                                                })(f);
                                                reader.readAsDataURL(f);
                                            }
                                        }
                                        document.getElementById('file').addEventListener('change', archivo, false);
                                    </script>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <a href="{{url('admin/configuraciones')}}" class="btn btn-secondary">Cancelar</a>
                                        <button type="submit" class="btn btn-primary">Actualizar Registro</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>

@endsection