@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>Edit Transaction History</h1>
          <hr class="bdr-partition">
        </div>
        <form autocomplete="off" method="POST" id="createpractitioner" autocomplete="off" class="form-horizontal" enctype="multipart/form-data" action="{{ route('practitioner.update.transactions', $transactionHistory->id) }}">
          @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">Transaction charge<span class="required_span">*</span></label>
                    <input type="text" name="transaction_charge" class="form-control" value="{{$transactionHistory->transaction_charge }}">
                    @if ($errors->has('transaction_charge'))
                    <span class="invalid-feedback text-danger" role="alert">
                      {{ $errors->first('transaction_charge') }}
                    </span>
                    @endif

                  </div>
                </div>
              </div>

          </div>
          <div class="button-area">
            <button type="submit" class="btn btn-info ">Submit</button>
            <a href="{{route('practitioner.online.transactions')}}" 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">
  
  /*auto google address*/
 

 
</script>
@endsection