@extends('adminlte::page')


@section('title', 'Dashboard')


@section('content_header')


<h1>Crea nuovo cliente</h1>


@stop


@section('content')

    <div class="card">
        <div class="card-body">
            <form id="myform" action="{{route('Clienti.store')}}" method="POST">
                @csrf
                <div class="form-group row">
                  <label for="inputEmail3" class="col-sm-4 col-form-label">Nome e Cognome</label>
                  <div class="col-sm-8">
                    <input wire:model="Nome" type="text" class="form-control @error('Nome') is-invalid @enderror" id="inputEmail3" name="Nome" value="{{old('Nome')}}"  placeholder="Mario Rossi" >
                    <div>@error('Nome') {{ $message }} @enderror</div>
                  </div>
                </div>
                <div class="form-group row">
                    <label for="inputEmail3" class="col-sm-4 col-form-label">Altezza</label>
                    <div class="col-sm-8">
                      <input wire:model="Altezza" type="text" class="my-input form-control @error('Altezza') is-invalid @enderror" id="inputEmail3" name="Altezza" value="{{old('Altezza')}}" placeholder="170" >
                      <div>@error('Altezza') {{ $message }} @enderror</div>
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="inputEmail3" class="col-sm-4 col-form-label">Data di Nascita</label>
                    <div class="col-sm-8">
                      <input  type="text" class="form-control @error('DataNascita') is-invalid @enderror" id="inputEmail3" name="DataNascita" value="{{old('DataNascita')}}" placeholder="10/10/1990" >
                      <div>@error('DataNascita') {{ $message }} @enderror</div>
                    </div>
                  </div>
                  
                  <div class="form-group row">
                    <label class="col-sm-4 col-form-label" for="exampleFormControlSelect1">Genere</label>
                    <div class="col-sm-8">
                        <select wire:model="Sesso" class="form-control" id="exampleFormControlSelect1" name="Sesso">
                            <option value="">Seleziona il Genere</option>
                            <option value="M">Maschio</option>
                            <option value="F">Femmina</option>
                          </select>
                          @error('Sesso') {{ $message }} @enderror
                      </div>

                  </div>
                  <div class="form-group row">
                    <label for="inputEmail3" class="col-sm-4 col-form-label">Telefono</label>
                    <div class="col-sm-8">
                      <input  type="text" class="form-control @error('Telefono') is-invalid @enderror" id="inputEmail3" name="Telefono" value="{{old('Telefono')}}" placeholder="3333333333" >
                      <div>@error('Telefono') {{ $message }} @enderror</div>
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="inputEmail3" class="col-sm-4 col-form-label">Email</label>
                    <div class="col-sm-8">
                      <input  type="text" class="form-control @error('Email') is-invalid @enderror" id="inputEmail3" name="Email" value="{{old('Email')}}" placeholder="mario.rossi@gmail.com" >
                      <div>@error('Email') {{ $message }} @enderror</div>
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="inputEmail3" class="col-sm-4 col-form-label">Codice Fiscale</label>
                    <div class="col-sm-8">
                      <input  type="text" class="form-control @error('CF') is-invalid @enderror" id="inputEmail3" name="CF" value="{{old('CF')}}" placeholder="RSSMRA90R10H501F" >
                      <div>@error('CF') {{ $message }} @enderror</div>
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="inputEmail3" class="col-sm-4 col-form-label">Indirizzo</label>
                    <div class="col-sm-8">
                      <input  type="text" class="form-control @error('Indirizzo') is-invalid @enderror" id="inputEmail3" name="Indirizzo" value="{{old('Indirizzo')}}" placeholder="Via Roma 1" >
                      <div>@error('Indirizzo') {{ $message }} @enderror</div>
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="inputEmail3" class="col-sm-4 col-form-label">Città</label>
                    <div class="col-sm-8">
                      <input  type="text" class="form-control @error('Città') is-invalid @enderror" id="inputEmail3" name="Città" value="{{old('Città')}}" placeholder="Roma" >
                      <div>@error('Città') {{ $message }} @enderror</div>
                    </div>
                  </div>



                  <div class="form-group row">
                    <div class="col-md-6" wire:ignore>
                        <h4>Note</h4>
                        <div class="form-group">
                            <textarea type="text" id="header" name="note" class=" myeditablediv form-control form-control-border h-12"
                                id="exampleInputBorder" style="height: 100px;"
                                ></textarea>
                        </div>
                    </div>
                    <div class="col-md-6" wire:ignore>
                        <h4>Anamnesi</h4>
                        <div class="form-group">
                          <textarea wire:model="Anamnesi" class="myeditablediv form-control form-control-border @error('Anamnesi') is-invalid @enderror" 
                          id="anamnesi" name="Anamnesi" rows="4" 
                          placeholder="Inserisci l'anamnesi del paziente...">{{old('Anamnesi')}}</textarea>
                        </div>
                    </div>
                  </div>

                  <button  type="submit"  class="btn btn-primary">Salva</button>
                </form>
        </div>
    </div>


@stop


@section('css')


@stop


@section('js')
<script src="{{ URL::asset('/js/tinymce/tinymce.min.js') }}" referrerpolicy="origin"></script>
<script>
    tinymce.init({
     selector: '.myeditablediv', // Replace this CSS selector to match the placeholder element for TinyMCE
      plugins: 'code table lists',
      height: 250,
      toolbar: [
      { name: 'history', items: [ 'undo', 'redo' ] },
      { name: 'styles', items: [ 'bold','italic' ] },
      { name: 'Carattere', items: [ 'h1', 'h2', 'h3', 'h4' ] },
      { name: 'Colore', items: [ 'forecolor'] },
      { name: 'alignment', items: [ 'alignleft', 'aligncenter', 'alignright', 'alignjustify' ] },

      ],
      menubar:false,
      setup: function (editor) {



      }

    });
  </script>
<script>
    $(document).ready(function() {
    $('#myform').on('submit', function(e) {

        $('.my-input').each(function() {
            const inputValue = $(this).val();
            const newValue = inputValue.replace(/,/g, '.');
            $(this).val(newValue);
        });

        // Your custom form submission handling logic here
    });
});
    </script>

@stop