@extends('layouts.app')
@section('content')
<div class="nk-content">
    <div class="container-fluid">
      <div class="nk-content-inner">
        <div class="nk-content-body">
          <div class="nk-block">
            <div class="row g-gs">
              <div class="col-xxl-12 col-sm-12">
                <div class="card">
                  <div class="nk-ecwg nk-ecwg6">
                    <div class="card-inner">
                      <div class="card-title-group">
                        <div class="card-title">
                            <h6 class="titulo mb-1"><em class="icon ni ni-setting-alt"></em><span>Mi perfil</span></h6>
                        </div>
                        <div>
                          <a class="btn btn-sm btn-primary mb-2" href="#" onclick="event.preventDefault(); document.getElementById('perfil-form').submit();">
                              <em class="icon ni ni-update"></em>
                              <span>Actualizar</span>
                          </a>
                      </div>
                      </div>
                      <hr>
                      <div class="container">
                        <form id="perfil-form" method="POST" action="{{ route('perfil.actualizar') }}" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col">
                                    <div class="mb-3">
                                        <label for="nombreMedico" class="form-label">Nombre del Doctor</label>
                                        <input type="text" class="form-control" id="nombreMedico" name="nombreMedico" value="{{ $datos[0]->nombreMedico }}">
                                    </div>
                                    <div class="mb-3">
                                        <label for="colegialo" class="form-label">Número de Matrícula</label>
                                        <input type="text" class="form-control" id="colegialo" name="colegialo" value="{{ $datos[0]->colegialo }}">
                                    </div>
                                    <div class="mb-3">
                                        <label for="direccion" class="form-label">Dirección</label>
                                        <input type="text" class="form-control" id="direccion" name="direccion" value="{{ $datos[0]->direccion }}">
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="mb-3">
                                        <label for="especialidad" class="form-label">Especialidad</label>
                                        <input type="text" class="form-control" id="especialidad" name="especialidad" value="{{ $datos[0]->especialidad }}">
                                    </div>
                                    <div class="mb-3">
                                        <label for="telefono" class="form-label">Teléfono / Celular</label>
                                        <input type="text" class="form-control" id="telefono" name="telefono" value="{{ $datos[0]->telefono }}">
                                    </div>
                                    <div class="mb-3">
                                        <label for="firma" class="form-label">Firma Digital</label>
                                        <input class="form-control" type="file" id="firma" name="firma">
                                        @if ($datos[0]->firma===null)
                                        <img src="/images/firmaprueba.jpg" class="img-thumbnail mt-1" alt="Firma digital" width="180px">
                                        @else
                                        <img id="firmaImg" src="{{ asset('firmas/'.$datos[0]->firma) }}" class="img-thumbnail mt-1" alt="Firma digital" width="180px">
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
</div>
</div>
@section('js1')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
@endsection
@endsection