@extends('themes.backend.layouts.app')

@section('breadcrumb')
{{ Breadcrumbs::render('new-patient.show', $id)  }} 
@endsection

@section('content')
<div class="row">
  <div class="col-sm-12">
    <div class="card m-b-0">
      <div class="card-header">
        <h5>
          {{ __('enquiry.new_form.show_txt') }}
        </h5>
      </div>
      <div class="card-block">

        <div class="row disabled">
          <div class="col-sm-12">
            <div class="pq-appointment">
              {{-- BASIC INFORMATION --}}
              @include('themes.frontend.pages.partials.section.__new_patient_basic',['dataObj'=>$dataObj])
              <br><br><!--Step3 -->
              <hr><br><br>
              {{-- BASIC INFORMATION --}}
              @include('themes.frontend.pages.partials.section.__new_patient_problems',['patient_ProblemData'=>$dataObj->problem])
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
</div>
@stop


@push('styles')
<style scoped>


/*============ Table =================*/
table {
  border: 2px solid var(--grey-color);
  width: 100%;
  margin-bottom: 20px;
}

table td,
table th {
  border: 2px solid var(--grey-color);
  padding: 8px;
  text-align: center;
}

/*============ Input Textarea =================*/
input, textarea, select,
input.form-control {
  margin-bottom: 30px;
  width: 100%;
  float: left;
  font-size: 16px;
  font-weight: 400;
  padding: 0 15px;
  height: 54px;
  line-height: 54px;
  outline: none;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  border-radius: 3px;
  color: #888;
}


input[type="radio"],
input[type="checkbox"] {
  width: auto;
  height: auto;
  float: none;
  margin-right: 5px; margin-bottom:20px;
  color: #888 !important;
}

textarea {
  margin-bottom: 30px;
  height: 150px;
  border-radius: 3px;
  width: 100%;
  float: left;
  padding: 10px 15px;
  outline: none;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  color: #888 !important;
}

/*============  Select ==============*/
select,
select.form-control {
  width: 100%;
  float: left;
  padding: 0 30px 0 15px;
  height: 54px;
  line-height: 54px;
  outline: none;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: right 16px bottom 50%;
  background-size: 20px 20px;
  border-radius: 3px;
  color: #888 !important;
}
</style>
@endpush