@extends('layouts.admin')
@section('content')
    <div class="row">
        <h1> Registro 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">Complete los Datos</h3>
                </div>
                 <div class="card-body">
                        <form action="{{url('/admin/configuraciones/create')}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <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="{{old('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="{{old('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="{{old('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="{{old('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="{{old('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="{{old('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', 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', 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>
                                </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"></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>
                                 <!-- Fin row -->
                                <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">Guardar Registro</button>
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                        </form>
                </div>
            </div>

        </div>
    </div>

@endsection