@extends('layouts.admin')

@section('content')
@php $readonly=''; @endphp
@if($action=='View')
@php $readonly='readonly'; @endphp
@endif
<div class="page-links">
  <a href="{{ route('dashboard') }}">Dashboard</a>
  <span> > </span>
  <a href="{{ route('users.index') }}">{{$title}}</a>
</div>
<div class="row">
  <div class="col-xxl-10 col-lg-10 col-12">
    <div class="card-main">

      <h2 class="iheading-man">{{ __($title) }}</h2>
      @if($action == 'Edit')
      <form class="form-data" id="edit_form" method="POST" action="{{ route('users.update', [$record->id]) }}" enctype="multipart/form-data">
        {{ method_field('PUT') }}
        @else
        <form class="form-data" method="POST" id="add_form" action="{{ route('users.store') }}" enctype="multipart/form-data">
          @endif
          @csrf
          <div class="row">
            <div class="col-md-6 col-12 mb-3">
              <div class="row">
                <div class="col-md-6 col-12 mb-3">
                  <label>Account ID <small class="red">* </small></label>
                  @if(old('accountId'))
                  @php $accountId = old('accountId'); @endphp
                  @elseif(isset($record->accountId) && $record->accountId != '')
                  @php $accountId = $record->accountId; @endphp
                  @else
                  @php $accountId = $accountId; @endphp
                  @endif
                  <input type="text" id="accountId" name="accountId" value="{{ $accountId }}" class="form-control @error('accountId') is-invalid @enderror" placeholder="Enter Account Id" {{$readonly}}>
                  @error('accountId')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>


                <div class="col-md-6 col-12 mb-3">
                  <label>Customer Type <small class="red">* </small></label>
                  @if(old('customerType'))
                  @php $customerType = old('customerType'); @endphp
                  @elseif(isset($record->customerType) && $record->customerType != '')
                  @php $customerType = $record->customerType; @endphp
                  @else
                  @php $customerType = ''; @endphp
                  @endif
                  <select id="customerType" name="customerType" class="form-control @error('customerType') is-invalid @enderror"  {{$readonly}}>
                    <option value="">--- Not Selected ---</option>
                    <option {{ $customerType == "lead" ? "selected" : "" }} value="lead">Lead</option>
                    <option {{ $customerType == "trial" ? "selected" : "" }} value="trial">Trial</option>
                    <option {{ $customerType == "customer" ? "selected" : "" }} value="customer">Customer</option>
                  </select>

                  @error('customerType')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>


                <div class="col-md-6 col-12 mb-3">
                  <label>First Name <small class="red">* </small></label>
                  @if(old('firstName'))
                  @php $firstName = old('firstName'); @endphp
                  @elseif(isset($record->firstName) && $record->firstName != '')
                  @php $firstName = $record->firstName; @endphp
                  @else
                  @php $firstName = ''; @endphp
                  @endif
                  <input type="text" id="firstName" name="firstName" value="{{ $firstName }}" class="form-control @error('firstName') is-invalid @enderror" placeholder="Enter First Name" {{$readonly}}>
                  @error('firstName')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div class="col-md-6 col-12 mb-3">
                  <label>Last Name <small class="red">* </small></label>
                  @if(old('lastName'))
                  @php $lastName = old('lastName'); @endphp
                  @elseif(isset($record->lastName) && $record->lastName != '')
                  @php $lastName = $record->lastName; @endphp
                  @else
                  @php $lastName = ''; @endphp
                  @endif
                  <input type="text" id="lastName" name="lastName" value="{{ $lastName }}" class="form-control @error('lastName') is-invalid @enderror" placeholder="Enter Last Name" {{$readonly}}>
                  @error('lastName')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div class="col-md-6 col-12 mb-3">
                  <label>Phone <small class="red">* </small></label>
                  @if(old('phone'))
                  @php $phone = old('phone'); @endphp
                  @elseif(isset($record->phone) && $record->phone != '')
                  @php $phone = $record->phone; @endphp
                  @else
                  @php $phone = ''; @endphp
                  @endif
                  <input type="text" id="phone" name="phone" value="{{ $phone }}" class="form-control @error('phone') is-invalid @enderror" placeholder="Enter Phone" {{$readonly}}>
                  @error('phone')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div class="col-md-6 col-12 mb-3">
                  <label>Email <small class="red">* </small></label>
                  @if(old('email'))
                  @php $email = old('email'); @endphp
                  @elseif(isset($record->email) && $record->email != '')
                  @php $email = $record->email; @endphp
                  @else
                  @php $email = ''; @endphp
                  @endif
                  <input type="email" id="email" name="email" value="{{ $email }}" class="form-control @error('email') is-invalid @enderror" placeholder="Enter Email" {{$readonly}}>
                  @error('email')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div class="col-md-6 col-12 mb-3">
                  <label>Joined Date <small class="red">* </small></label>
                  @if(old('joined_date'))
                  @php $joined_date = old('joined_date'); @endphp
                  @elseif(isset($record->joined_date) && $record->joined_date != '')
                  @php $joined_date = $record->joined_date; @endphp
                  @else
                  @php $joined_date =date('Y-m-d'); @endphp
                  @endif
                  <input type="date" id="joined_date" name="joined_date" value="{{ $joined_date }}" class="form-control @error('joined_date') is-invalid @enderror" placeholder="Enter Joined Date" {{$readonly}}>
                  @error('joined_date')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div class="col-md-6 col-12 mb-3">
                  @if(isset($record->active))
                  @php $active = $record->active; @endphp
                  @else
                  @php $active = 1; @endphp
                  @endif
                  <label for="activeToggle" class="control-label"> Active</label>
                  <div class="form-check form-switch">
                    <input class="form-check-input" type="checkbox" role="switch" name="active" id="activeToggle"  value=1>
                  </div>
                </div>

                <div class="col-md-6 col-12 mb-3">
                  @if(isset($record->partialPayment))
                  @php $partialPayment = $record->partialPayment; @endphp
                  @else
                  @php $partialPayment = 1; @endphp
                  @endif
                  <label for="partialPayment" class="control-label"> Partial Payment</label>
                  <div class="form-check form-switch">
                    <input class="form-check-input" type="checkbox" role="switch" name="partialPayment" id="partialPayment"  value=1>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-12 mb-3">
              <div class="row">

                <div class="col-md-12 col-12 mb-3">
                  <label>Address <small class="red">* </small></label>
                  <div id="address-loader" class="spinner-border spinner-border-sm text-primary d-none" role="status">
                    <span class="visually-hidden">Loading...</span>
                  </div>
                  @if(old('address'))
                  @php $address = old('address'); @endphp
                  @elseif(isset($record->address) && $record->address != '')
                  @php $address = $record->address->address; @endphp
                  @else
                  @php $address = ''; @endphp
                  @endif
                  <input required id="address" name="address" type="text" class="form-control" placeholder="Start typing address..." value="{{ $address }}" {{$readonly}}>

                  @error('address')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div class="col-md-6 col-12 mb-3">
                  <label>House No. <small class="red">* </small></label>
                  @if(old('houseNumber'))
                  @php $houseNumber = old('houseNumber'); @endphp
                  @elseif(isset($record->address) && $record->address != '')
                  @php $houseNumber = $record->address->houseNumber; @endphp
                  @else
                  @php $houseNumber = ''; @endphp
                  @endif
                  <input type="text" id="houseNumber" name="houseNumber" value="{{ $houseNumber }}" class="form-control @error('houseNumber') is-invalid @enderror" placeholder="Enter House Number" {{$readonly}}>
                  @error('houseNumber')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div class="col-md-6 col-12 mb-3">
                  <label>Street <small class="red">* </small></label>
                  @if(old('street'))
                  @php $street = old('street'); @endphp
                  @elseif(isset($record->address) && $record->address != '')
                  @php $street = $record->address->street; @endphp
                  @else
                  @php $street = ''; @endphp
                  @endif
                  <input type="text" id="street" name="street" value="{{ $street }}" class="form-control @error('street') is-invalid @enderror" placeholder="Enter Street" {{$readonly}}>
                  @error('street')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div class="col-md-6 col-12 mb-3">
                  <label>City <small class="red">* </small></label>
                  @if(old('city'))
                  @php $city = old('city'); @endphp
                  @elseif(isset($record->address) && $record->address != '')
                  @php $city = $record->address->city; @endphp
                  @else
                  @php $city = ''; @endphp
                  @endif
                  <input type="text" id="city" name="city" value="{{ $city }}" class="form-control @error('city') is-invalid @enderror" placeholder="Enter City" {{$readonly}}>
                  @error('city')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>

                <div class="col-md-6 col-12 mb-3">
                  <label>Zipcode <small class="red">* </small></label>
                  @if(old('zipcode'))
                  @php $zipcode = old('zipcode'); @endphp
                  @elseif(isset($record->address) && $record->address != '')
                  @php $zipcode = $record->address->zipcode; @endphp
                  @else
                  @php $zipcode = ''; @endphp
                  @endif
                  <input type="text" id="zipcode" name="zipcode" value="{{ $zipcode }}" class="form-control @error('zipcode') is-invalid @enderror" placeholder="Enter Zipcode" {{$readonly}}>
                  @error('zipcode')
                  <span class="error">{{ $message }}</span>
                  @enderror
                </div>
                @if(old('latitude'))
                @php $latitude = old('latitude'); @endphp
                @elseif(isset($record->latitude) && $record->latitude != '')
                @php $latitude = $record->latitude; @endphp
                @else
                @php $latitude = ''; @endphp
                @endif

                @if(old('longitude'))
                @php $longitude = old('longitude'); @endphp
                @elseif(isset($record->longitude) && $record->longitude != '')
                @php $longitude = $record->longitude; @endphp
                @else
                @php $longitude = ''; @endphp
                @endif
                <input type="hidden" id="latitude" name="latitude" value="{{ $latitude }}">
                <input type="hidden" id="longitude" name="longitude" value="{{ $longitude }}">

              </div>
            </div>

            <!-- new-card -->
            <div class="fix-button-main">
              <div class="save-fix">
                <div class="float-end">
                  @if($action!='View')
                  <button type="submit" class="btn save-b me-3" type="button">
                    Save
                  </button>
                  @endif
                  <a type="button" class="btn btn-light me-2 float-end save-draft" href="{{ route('users.index') }}"> {!! ($action!='View') ? 'Cancel' : 'Back' !!}</a>
                </div>
              </div>
            </div>
          </div>
          <div id="addressParts" hidden>
            {{-- --}}
          </div>
        </form>
    </div>
  </div>
</div>
@endsection
@push('scripts')
<script type="text/javascript" src="https://maps.google.com/maps/api/js?key={{ env('GOOGLE_MAP_KEY') }}&libraries=places"></script>
<script>
  $(document).ready(function() {
    $('#customerType').select2();

    // Code for Google Address Auto Complete
    var input = document.getElementById('address');
    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());

      document.getElementById('addressParts').innerHTML = place.adr_address;

      $('#houseNumber').val(place.address_components[0]['long_name']);
      $('#street').val(place.address_components[1]['long_name']);

      if (document.getElementsByClassName('region')[0]) {
        $('#city').val(document.getElementsByClassName('locality')[0].innerText);
      }

      if (document.getElementsByClassName('postal-code')[0]) {
        $('#zipcode').val(document.getElementsByClassName('postal-code')[0].innerText);
      }

      $('#address-loader').addClass('d-none');
    });
    // End

    $('#address').on('input', function() {
      if ($('#address').val() != '') {
        $('#address-loader').removeClass('d-none');
      } else {
        $('#address-loader').addClass('d-none');
      }
    });

    $('#address').on('paste', function() {
      //
    });

    $('#address').on('blur', function() {
      $('#address-loader').addClass('d-none');
    });

  });
</script>
@endpush