@extends('admin.layouts.app')
@section('page_tab_title' ,"Practitioners") 
@section('content')
<style type="text/css">
  .auto_select_height {
    height: auto !important;
}

.select2-container .select2-selection--multiple {
  font-family: 'Arial', Verdana;
  font-size: 12px;
  box-sizing: border-box;
  display: block;
  min-height: 40px;
  border-color: #d2d6de;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #808080;
    border: 1px solid #aaa;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fffdfd;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    padding: 6px 12px;
}

#dropList1+.select2 .select2-selection--multiple {
  height: auto !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  position: absolute;
  right: 0;
  top: 7px;
}
.select2-container--default .select2-selection--multiple {
    border-radius: 0;
}

.select2-container .select2-selection--single {
    height: 42px;
    font-family: 'Arial', Verdana;
}

/* add select 2 */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 7px;
    right: 1px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #666666;
    /* line-height: 34px; */
    padding: 4px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 0;
    /* border-radius: 4px; */
}

.select2-container .select2-selection--single {
  font-family: 'Arial', Verdana;
  font-size: 12px;
  box-sizing: border-box;
  display: block;
  min-height: 40px;
  border-color: #d2d6de;
  color: #666666 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #666666 !important;
    font-size: 13px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #666666 !important;
  font-family: 'Arial', Verdana !important;
  font-size: 13px;
  
}


</style>
<section class="content">
  <div class="row">
    <div class="col-md-12">
      <div class="box box-success">
        <div class="box-header">
          <h1>@if(empty($practitioner->id)) Create New practitioner @else Edit practitioner @endif </h1>
          <hr class="bdr-partition">
        </div>
        <form method="POST" id="createpractitioner" class="form-horizontal" enctype="multipart/form-data" @if(empty($practitioner->id)) action="{{ route('practitioner.store') }}" @else action="{{ route('practitioner.update', $practitioner->id) }}" @endif >
          @csrf
          <div class="box-body">
            <div class="row">
              <div class="col-md-4">
                <div class="form-group">
                    <div class="col-sm-12">
                      <label class=" control-label">First name <span class="required_span">*</span></label>
                      <input type="text" name="first_name" required class="form-control  alpha-only" value="{{$practitioner->first_name ?? old('first_name') }}" maxlength="25">
                      @if ($errors->has('first_name'))
                      <span class="invalid-feedback text-danger" role="alert">
                        {{ $errors->first('first_name') }}
                      </span>
                      @endif

                    </div>
                  </div>
                </div>
                  <div class="col-md-4">
                    <div class="form-group">
                        <div class="col-sm-12">
                          <label class="control-label">Last name <span class="required_span">*</span></label>
                          <input type="text" name="last_name" maxlength="25" required class="form-control alpha-only" value="{{$practitioner->last_name ?? old('last_name') }}">
                          @if ($errors->has('last_name'))
                          <span class="invalid-feedback text-danger" role="alert">
                            {{ $errors->first('last_name') }}
                          </span>
                          @endif
                        </div>
                      </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-group">
                        
                        <div class="col-sm-12">
                          <label class="control-label">Email address <span class="required_span">*</span></label>
                          <input type="email" @if(empty($practitioner->email)) name="email" @else disabled @endif required class="form-control" value="{{$practitioner->email ?? old('email') }}" >
                          @if ($errors->has('email'))
                          <span class="invalid-feedback text-danger" role="alert">
                            {{ $errors->first('email') }}
                          </span>
                          @endif
                        </div>
                      </div>
                  </div> 
            </div>
            <div class="row">
              <div class="col-md-4">
                <div class="form-group">
                  
                  <div class="col-sm-12">
                    <label class="control-label">Phone number <span class="required_span">*</span></label>
                    <input type="text" required maxlength="15" data-parsley-phonenumber=""  name="phone" class="form-control numeric" value="{{$practitioner->phone ?? old('phone') }}">
                    @if ($errors->has('phone'))
                    <span class="invalid-feedback text-danger" role="alert">
                      {{ $errors->first('phone') }}
                    </span>
                    @endif
                  </div>
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  
                  <div class="col-sm-12">
                    <label class="control-label">Password @if(empty($practitioner->password)) <span class="required_span">*</span> @endif</label>
                    <input id="password" data-parsley-trigger="blur"
                    minlength="6"
                    data-parsley-iff="#password-confirm"
                    data-parsley-iff-message=""
                     type="password" name="password" class="form-control" value="" @if(empty($practitioner->password)) required @endif>
                    @if ($errors->has('password'))
                    <span class="invalid-feedback text-danger" role="alert">
                      {{ $errors->first('password') }}
                    </span>
                    @endif
                  </div>
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                    <div class="col-md-12">
                      <label class="control-label">Confirm password @if(empty($practitioner->password)) <span class="required_span">*</span> @endif</label>
                      <input  id="password-confirm"
                      data-parsley-trigger="blur"
                      minlength="6"
                      data-parsley-iff="#password"
                      data-parsley-iff-message="Confirm password doesn't match to password." type="password" name="password_confirmation" class="form-control" value="" @if(empty($practitioner->password)) required @endif>
                      @if ($errors->has('password'))
                      <span class="invalid-feedback text-danger" role="alert">
                        {{ $errors->first('password') }}
                      </span>
                      @endif
                    </div>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-4 file-custome-profile">
                <div class="form-group ">
                  <label class="control-label">Profile picture</label>
                  <div class="file-upload">
                    <div class="file-select">
                      <div class="file-select-button" id="fileName">Choose File</div>
                      <div class="file-select-name" id="noFile">No file chosen...</div>
                      <input type="file" name="profile_picture" id="chooseFile" accept="image/*">
                    </div>
                  </div>
                </div>
              </div>
               @if(isset($personal->profile_picture))
                <div class="col-md-4">
                  <div class="form-group">
                    <img class="lvc-logo-img" width="100" src="{{asset('storage/practitioner_picture/'.$personal->profile_picture)}}">
                  </div>
                </div>
              @endif
              <div class="col-md-4">
                <div class="form-group">
                    <div class="col-sm-12">
                      <label class="control-label d-block">Gender</label>
                      <input type="radio" name="gender" value="Male" @if(isset($personal->gender) == 'Male') checked @endif @if(!isset($personal->gender) || $personal->gender =="") checked @endif> Male
                      <input type="radio" name="gender" value="Female" @if(isset($personal->gender) == 'Female') checked @endif> Female
                      <input type="radio" name="gender" value="Other" @if(isset($personal->gender) == 'Other') checked @endif> Other
                    </div>
                  </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                    <div class="col-sm-12">
                      <label class="control-label">Bio</label>
                      <input type="text" name="my_bio" class="form-control" value="{{$personal->my_bio ?? old('my_bio')}}" >
                      @if ($errors->has('my_bio'))
                      <span class="invalid-feedback text-danger" role="alert">
                        {{ $errors->first('my_bio') }}
                      </span>
                      @endif
                    </div>
                  </div>
              </div> 
            </div>
            <div class="row">
              <div class="col-md-4">
                <div class="form-group">
                  
                  <div class="col-sm-12">
                    <label class="control-label">Association</label>
                    <select style="width: 100%" name="association_id" id="association"  class="form-control">
                      <option value="">Select Association</option>
                      @foreach($associations as $association)
                      <option value="{{$association->id}}"
                      
                         @if(isset($personal->association_id) && $personal->association_id == $association->id) 
                         selected 
                         @endif
                         
                         >{{$association->name}}</option>
                      @endforeach
                    </select>
                    @if ($errors->has('association_id'))
                    <span class="invalid-feedback text-danger" role="alert">
                      {{ $errors->first('association_id') }}
                    </span>
                    @endif
                  </div>
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  
                  <div class="col-sm-12">
                    <label class="control-label">Association number</label>
                    <input type="text" name="association_number" class="form-control" value="{{$personal->association_number ?? old('association_number')}}">
                    @if ($errors->has('association_number'))
                    <span class="invalid-feedback text-danger" role="alert">
                      {{ $errors->first('association_number') }}
                    </span>
                    @endif
                  </div>
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                    <div class="col-md-12">
                      <label class="control-label">Qualification</label>
                      <input type="text" name="qualifications" class="form-control" value="{{$personal->qualifications ?? old('qualifications')}}" >
                      @if ($errors->has('qualifications'))
                      <span class="invalid-feedback text-danger" role="alert">
                        {{ $errors->first('qualifications') }}
                      </span>
                      @endif
                    </div>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-4">
                <div class="form-group">
                  <div class="col-sm-12">
                    <label class="control-label">Profession</label>
                    <select style="width: 100%" name="profession" id="profession"  class="form-control">
                      <option value="">Select Profession</option>
                      @foreach($professions as $profession)
                      <option value="{{$profession->id}}" @if(isset($personal->profession) && $personal->profession == $profession->id) selected @endif>{{$profession->name}}</option>
                      @endforeach
                    </select>
                    @if ($errors->has('profession'))
                    <span class="invalid-feedback text-danger" role="alert">
                      {{ $errors->first('profession') }}
                    </span>
                    @endif
                  </div>
                </div>
              </div>

              <div class="col-md-4">
                <div class="form-group">
                  <div class="col-sm-12">
                    <label class="control-label">Language</label>
                    <select style="width: 100%" name="language_id[]" multiple class="form-control language_sel" >
                      <option value="" disabled>select language</option>
                     @foreach($languages as $language)
                      <option value="{{$language->id}}" 
                        @if(in_array($language->id,$language_id))
                         selected 
                         @endif
                         >{{$language->name}}</option>
                      @endforeach
                    </select>
                    @if ($errors->has('language_id'))
                    <span class="invalid-feedback text-danger" role="alert">
                      {{ $errors->first('language_id') }}
                    </span>
                    @endif
                  </div>
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  <div class="col-sm-12">
                    <label class="control-label">Date of birth</label>
                  <input type="date" placeholder="dd/mm/YYYY" name="dob" class="form-control" value="{{$personal->dob ?? old('dob')}}" max="{{date('Y-m-d')}}">
                    @if ($errors->has('dob'))
                    <span class="invalid-feedback text-danger" role="alert">
                      {{ $errors->first('dob') }}
                    </span>
                    @endif
                  </div>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-4">
                <div class="form-group">
                  <div class="col-sm-12">
                    <label class="control-label">Business Name</label>
                    <input type="text" name="name" id="name" class="form-control" value="{{$business->name ?? old('name')}}">
                    @if ($errors->has('name'))
                    <span class="invalid-feedback text-danger" role="alert">
                      {{ $errors->first('name') }}
                    </span>
                    @endif
                  </div>
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  <div class="col-sm-12">
                    <label class="control-label">Business Address</label>
                    <input type="text" name="address" id="address" class="form-control" value="{{$business->address ?? old('address')}}">
                    <input type="hidden" name="latitude" id="latitude" value="{{$business->latitude ?? old('latitude')}}" >
                    <input type="hidden" name="longitude" id="longitude" value="{{$business->longitude ?? old('longitude')}}">
                    @if ($errors->has('address'))
                    <span class="invalid-feedback text-danger" role="alert">
                      {{ $errors->first('address') }}
                    </span>
                    @endif
                  </div>
                </div>
              </div>
               <div class="col-md-4">
                <div class="form-group">
                  <div class="col-sm-12">
                    <label class="control-label">Service</label>
                    <select style="width: 100%" multiple name="service_id[]" class="form-control auto_select_height" >
                    <option value="" disabled> select service</option>
                     @foreach($services as $service)
                      <option value="{{$service->id}}" @if(in_array($service->id,$service_id))) selected 
                        @endif>{{$service->name}}</option>
                      @endforeach
                    </select>
                    @if ($errors->has('service_id'))
                    <span class="invalid-feedback text-danger" role="alert">
                      {{ $errors->first('service_id') }}
                    </span>
                    @endif
                  </div>
                </div>
              </div>
              
              
            </div>
            <div class="row" style="display: none">
              <div class="col-md-4">
                <div class="form-group">
                  <div class="col-sm-12">
                    <label class="control-label">City</label>
                    <input type="text" name="city" class="form-control" value="{{$personal->city ?? old('city')}}">
                    @if ($errors->has('city'))
                    <span class="invalid-feedback text-danger" role="alert">
                      {{ $errors->first('city') }}
                    </span>
                    @endif
                  </div>
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  <div class="col-sm-12">
                    <label class="control-label">State</label>
                    <input type="text" name="state" class="form-control" value="{{$personal->state ?? old('state')}}">
                    @if ($errors->has('State'))
                    <span class="invalid-feedback text-danger" role="alert">
                      {{ $errors->first('State') }}
                    </span>
                    @endif
                  </div>
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  <div class="col-sm-12">
                    <label class="control-label">Country</label>
                    <select name="country" class="form-control" >
                    <option value="" > select country</option>
                     @foreach($countries as $country)
                      <option value="{{$country->id}}" @if(isset($personal->country) && $personal->country == $country->id) selected @endif>{{$country->name}}</option>
                      @endforeach
                    </select>
                    @if ($errors->has('country'))
                    <span class="invalid-feedback text-danger" role="alert">
                      {{ $errors->first('country') }}
                    </span>
                    @endif
                  </div>
                </div>
              </div>
              
            </div>
            <div class="row">
             <div class="col-md-4" style="display: none">
                <div class="form-group">
                  <div class="col-sm-12">
                    <label class="control-label">Area</label>
                    <input type="text" name="area" class="form-control"  value="{{$personal->area ?? old('area')}}">
                    @if ($errors->has('area'))
                    <span class="invalid-feedback text-danger" role="alert">
                      {{ $errors->first('area') }}
                    </span>
                    @endif
                  </div>
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  <div class="col-sm-12">
                    <label class="control-label">Facility</label>
                    <select style="width: 100%" name="facility_id[]" multiple class="form-control facility_sel" >
                    <option value="" disabled> select facility</option>
                     @foreach($facilities as $facility)
                      <option value="{{$facility->id}}" @if(in_array($facility->id,$facility_id)) selected @endif>{{ $facility->name }} </option>
                      @endforeach
                    </select>
                    @if ($errors->has('facility_id'))
                    <span class="invalid-feedback text-danger" role="alert">
                      {{ $errors->first('facility_id') }}
                    </span>
                    @endif
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="button-area">
              <button type="submit" class="btn btn-info ">Submit</button>
              <a href="{{route('practitioner.index')}}" class="btn btn-default">Cancel</a>
          </div>
        </form>
      </div>
    </div>
  </div>
</section>
{{-- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjtdxXehCp88pH_w-aQ84QFn-LfRX-3Pg&amp;libraries=places"></script> --}}
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCthc-S3bNXYCC2J6mun-z1qQ2maA_yV-E&amp;libraries=places"></script>
<script type="text/javascript">

var iffRecursion = false;
window.Parsley.addValidator( 'iff', {
    validateString: function( value, requirement, instance ) {
        var $partner = $( requirement );
        var isValid = $partner.val() == value;
        if ( iffRecursion ) {
            iffRecursion = false;
        } else {
            iffRecursion = true;
            $partner.parsley().validate();
        }
	return isValid;
    }
} );
/*auto google address*/
    var input = document.getElementById('address');
    var options = {
        types: ['geocode']
    //    componentRestrictions: { country: 'uk' } //Turkey only
    };
    var autocomplete = new google.maps.places.Autocomplete(input);
    google.maps.event.addListener(autocomplete, 'place_changed', function() {
        var place = autocomplete.getPlace();
        $("#latitude").val(place.geometry.location.lat());
        $("#longitude").val(place.geometry.location.lng());

    });

    /*end google address*/
    $('#chooseFile').change(function() {
      var i = $(this).prev('div').clone();
      var file = $('#chooseFile')[0].files[0].name;
      $(this).prev('div').text(file);
    });
</script>
<script type="text/javascript">
   window.Parsley.addValidator('phonenumber', {
    validateString: function(number) {
      var p = /^[+]*[(]{0,1}[0-9]{1,4}[)]{0,1}[-\s\./0-9]*$/;
      if(number.match(p)){
          return true;
      }
      return false;
     
    },
    messages: {
      en: '