@extends('layouts.master')

@section('title')
{{ __('sentence.New Patient') }}
@endsection

@section('content')

    <div class="row justify-content-center">
                  
        <div class="col-md-8">
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                  <h6 class="m-0 font-weight-bold text-primary">{{ __('sentence.New Patient') }}</h6>
                </div>
                <div class="card-body">
                 <form method="post" action="{{ route('patient.create') }}">
                    <div class="form-group row">
                      <label for="Name" class="col-sm-3 col-form-label">{{ __('sentence.Full Name') }}<font color="red">*</font></label>
                      <div class="col-sm-9">
                        <input type="text" class="form-control" id="Name" name="name">
                        {{ csrf_field() }}
                      </div>
                    </div>
                    <div class="form-group row">
                      <label for="Email" class="col-sm-3 col-form-label">{{ __('sentence.Email Adress') }}<font color="red">*</font></label>
                      <div class="col-sm-9">
                        <input type="email" class="form-control" id="Email" name="email">
                      </div>
                    </div>
                    <div class="form-group row">
                      <label for="birthday" class="col-sm-3 col-form-label">{{ __('sentence.Birthday') }}<font color="red">*</font></label>
                      <div class="col-sm-9">
                        <input type="date" class="form-control" id="Birthday" name="birthday" autocomplete="off">
                      </div>
                    </div>
                    <div class="form-group row">
                      <label for="Phone" class="col-sm-3 col-form-label">{{ __('sentence.Phone') }}</label>
                      <div class="col-sm-9">
                        <input type="text" class="form-control" id="Phone" name="phone">
                      </div>
                    </div>
                    <div class="form-group row">
                      <label for="Gender" class="col-sm-3 col-form-label">{{ __('sentence.Gender') }}<font color="red">*</font></label>
                      <div class="col-sm-9">
                        <select class="form-control" name="gender" id="Gender">
                          <option value="Male">{{ __('sentence.Male') }}</option>
                          <option value="Female">{{ __('sentence.Female') }}</option>
                        </select>
                      </div>
                    </div>
                    <div class="form-group row">
                      <label for="Blood" class="col-sm-3 col-form-label">{{ __('sentence.Blood Group') }}</label>
                      <div class="col-sm-9">
                        <select class="form-control" name="blood" id="Blood">
                                            <option value="Unknown">{{ __('sentence.Unknown') }}</option>
                                            <option value="A+">A+</option>
                                            <option value="A-">A-</option>
                                            <option value="B+">B+</option>
                                            <option value="B-">B-</option>
                                            <option value="O+">O+</option>
                                            <option value="O-">O-</option>
                                            <option value="AB+">AB+</option>
                                            <option value="AB-">AB-</option>
                                        </select>
                      </div>
                    </div>
                    <div class="form-group row">
                      <label for="Address" class="col-sm-3 col-form-label">{{ __('sentence.Address') }}</label>
                      <div class="col-sm-9">
                        <input type="text" class="form-control" id="Address" name="adress">
                      </div>
                    </div>

                    <div class="form-group row">
                      <label for="weight" class="col-sm-3 col-form-label">{{ __('sentence.Patient Weight') }}</label>
                      <div class="col-sm-9">
                        <div class="input-group mb-2">
                            <input type="text" class="form-control" id="Weight" name="weight">
                          <div class="input-group-prepend">
                            <div class="input-group-text">Kg</div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="form-group row">
                      <label for="Height" class="col-sm-3 col-form-label">{{ __('sentence.Patient Height') }}</label>
                      <div class="col-sm-9">
                        <div class="input-group mb-2">
                            <input type="text" class="form-control" id="Height" name="height" onblur="sacarIMC()">
                          <div class="input-group-prepend">
                            <div class="input-group-text">Cm</div>
                          </div>
                        </div>
                      </div>
                    </div>
                    
                    <div class="form-group row">
                      <label for="IMC" class="col-sm-3 col-form-label">IMC</label>
                      <div class="col-sm-9">
                        <input type="text" class="form-control" id="IMC" name="imc" readonly>
                      </div>
                    </div>
                    
                    <div class="form-group row">
                      <label for="Alergias" class="col-sm-3 col-form-label">Alergias</label>
                      <div class="col-sm-9">
                        <input type="text" class="form-control" id="Alergias" name="alergias">
                      </div>
                    </div>
                    
                    <div class="form-group row">
                      <label for="Cirugias" class="col-sm-3 col-form-label">Cirug&iacute;as</label>
                      <div class="col-sm-9">
                        <input type="text" class="form-control" id="Cirugias" name="cirugias">
                      </div>
                    </div>
                    
                    <div class="form-group row">
                      <label for="App" class="col-sm-3 col-form-label">APP</label>
                      <div class="col-sm-9">
                        <input type="text" class="form-control" id="App" name="app">
                      </div>
                    </div>
                    
                    <div class="form-group row">
                      <label for="Apf" class="col-sm-3 col-form-label">APF</label>
                      <div class="col-sm-9">
                        <input type="text" class="form-control" id="Apf" name="apf">
                      </div>
                    </div>

                    <div class="form-group row">
                      <div class="col-sm-9">
                        <button type="submit" class="btn btn-primary">{{ __('sentence.Save') }}</button>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
            
        </div>

    </div>

@endsection

@section('header')

@endsection

@section('footer')

@endsection

<script>
function sacarIMC() {
  var IMC=0;
  var peso = $("#Weight").val();
  var altura = $("#Height").val();
  altura = (altura/100)*(altura/100);
  IMC = ((peso)/(altura)).toFixed(2);
  $("#IMC").val(IMC)
}
</script>