@extends('layouts/contentNavbarLayout')

@section('title', 'Create Coupon')

@section('page-script')
<script src="{{asset('assets/js/pages-account-settings-account.js')}}"></script>
<script src="{{asset('assets/js/ui-toasts.js')}}"></script>
@endsection

@section('content')
<h4 class="py-3 mb-4">
  <span class="text-muted fw-light">Location /</span> Create
</h4>

<div class="row">
  <div class="col-md-12">
    <ul class="nav nav-pills flex-column flex-md-row mb-3">
      @php
        $rol = @Session::has('admin')?'admin':'business';
      @endphp
      <li class="nav-item"><a class="nav-link" href="{{url('/'.$rol.'/location')}}"><i class="bx bx-user me-1"></i> List</a></li>
      <li class="nav-item"><a class="nav-link active" href="#">
        @if (!isset($location))
          <i class="bx bx-message-square-add me-1"></i> Add
        @else
          <i class="bx bx-message-square-edit me-1"></i> Update
        @endif
      </a></li>
      <!--<li class="nav-item"><a class="nav-link" href="{{url('pages/account-settings-connections')}}"><i class="bx bx-link-alt me-1"></i> Connections</a></li>-->
    </ul>
    <div class="card mb-4">
      <!-- Account -->
      @if ( !isset($location) )
        <div class="card-body">
          <div class="row">
            <div class="mb-3 col-md-9">
              <input class="form-control" type="text" id="geocodingGM" placeholder="Put an address" />
            </div>
            <div class="mb-3 col-md-3">
              <div style="float: right;">
                <button class="btn btn-primary" id="submitGM">Search my Location</button>
                <button class="btn btn-outline-secondary" id="clearGM">Clear</button>
              </div>
            </div>
            <div class="col-md-12">
              <div id="map" style="height: 400px;"></div>
            </div>
            <script src="{{asset('assets/js/geocoding.js')}}"></script>
            <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB3ladN_kwYAfqUwUELN6iBk3ECb93tdTo&callback=initMap&v=weekly&solution_channel=GMP_CCS_geocodingservice_v1" defer></script>
          </div>
        </div>
        <form id="" method="POST" action="{{ route('save-location') }}" enctype="multipart/form-data">
          @csrf

          <div class="card-body">
            <div class="row">
              @if ( Session::get('domains')<=1 && Session::get('rol') == 'business')
                @include('content.special-field.field',
                [
                  'id'=> 'domain_id',
                  'type' => 'hidden',
                  'placeholder' => '',
                  'value' => isset($domain->id) ? $domain->id : '',
                  'field' => 'domain_id',
                  'message' => isset($message)?$message:''
                ])
              @else
              <div class="mb-3 col-md-3">
                <label for="domain" class="form-label">Website</label>
                <input class="form-control" data-entity="domain" data-finder="true" type="text" id="idDomain" name="idDomain" value="" />
                @include('content.special-field.field',
                [
                  'id'=> 'domain_id',
                  'type' => 'hidden',
                  'placeholder' => '',
                  'value' => isset($domain->id) ? $domain->id : '',
                  'field' => 'domain_id',
                  'message' => isset($message)?$message:''
                ])
              </div>
              @endif
              <div class="mb-3 col-md-3">
                <label for="locationArea" class="form-label">Area</label>
                @include('content.special-field.field',
                [
                  'id'=> 'locationArea',
                  'type' => 'text',
                  'placeholder' => '',
                  'field' => 'locationArea',
                  'message' => isset($message)?$message:''
                ])
              </div>
              <div class="mb-3 col-md-3">
                <label for="locationLocality" class="form-label">Locality</label>
                @include('content.special-field.field',
                [
                  'id'=> 'locationLocality',
                  'type' => 'text',
                  'placeholder' => '',
                  'field' => 'locationLocality',
                  'message' => isset($message)?$message:''
                ])
              </div>
              <div class="mb-3 col-md-3">
                <label for="locationRoute" class="form-label">Route</label>
                @include('content.special-field.field',
                [
                  'id'=> 'locationRoute',
                  'type' => 'text',
                  'placeholder' => '',
                  'field' => 'locationRoute',
                  'message' => isset($message)?$message:''
                ])
              </div>
              <div class="mb-3 col-md-3">
                <label for="locationStreet" class="form-label">Street</label>
                @include('content.special-field.field',
                [
                  'id'=> 'locationStreet',
                  'type' => 'text',
                  'placeholder' => '',
                  'field' => 'locationStreet',
                  'message' => isset($message)?$message:''
                ])
              </div>
              <div class="mb-3 col-md-3">
                <label for="locationState" class="form-label">State</label>
                @include('content.special-field.field',
                [
                  'id'=> 'locationState',
                  'type' => 'text',
                  'placeholder' => '',
                  'field' => 'locationState',
                  'message' => isset($message)?$message:''
                ])
              </div>
              <div class="mb-3 col-md-3">
                <label for="locationZip" class="form-label">Zip</label>
                @include('content.special-field.field',
                [
                  'id'=> 'locationZip',
                  'type' => 'text',
                  'placeholder' => '',
                  'field' => 'locationZip',
                  'message' => isset($message)?$message:''
                ])
              </div>
              <div class="mb-3 col-md-3">
                <label for="locationLatitude" class="form-label">Latitude</label>
                @include('content.special-field.field',
                [
                  'id'=> 'locationLatitude',
                  'type' => 'text',
                  'placeholder' => '',
                  'field' => 'locationLatitude',
                  'message' => isset($message)?$message:''
                ])
              </div>
              <div class="mb-3 col-md-3">
                <label for="locationLongitude" class="form-label">Longitude</label>
                @include('content.special-field.field',
                [
                  'id'=> 'locationLongitude',
                  'type' => 'text',
                  'placeholder' => '',
                  'field' => 'locationLongitude',
                  'message' => isset($message)?$message:''
                ])
              </div>
              <!--<div class="mb-3 col-md-3">
                <label for="locationLongitude" class="form-label">Global Code</label>
                @include('content.special-field.field',
                [
                  'id'=> 'globalCode',
                  'type' => 'text',
                  'placeholder' => '',
                  'field' => 'globalCode',
                  'message' => isset($message)?$message:''
                ])
              </div>-->
              <div class="mb-3 col-md-6">
                <label for="locationTyped" class="form-label">Address Typed</label>
                <input class="form-control" type="text" id="locationTyped" name="locationTyped" value="" />
              </div>
              <div class="mb-3 col-md-12">
                <div class="mt-2" style="float: right;">
                  <button type="submit" class="btn btn-primary me-2">Save changes</button>
                  <a href="{{ url()->previous() }}" type="reset" class="btn btn-outline-secondary">Cancel</a>
                </div>
              </div>
            </div>
          </div>
        </form>
      @else
        <div class="card-body">
          <div class="row">
            <div class="mb-3 col-md-9">
              <input class="form-control" type="text" id="geocodingGM" placeholder="Put an address" />
            </div>
            <div class="mb-3 col-md-3">
              <div style="float: right;">
                <button class="btn btn-primary" id="submitGM">Search my Location</button>
                <button class="btn btn-outline-secondary" id="clearGM">Clear</button>
              </div>
            </div>
            <div class="col-md-12">
              <div id="map" style="height: 400px;"></div>
            </div>
            <script src="{{asset('assets/js/geocoding.js')}}"></script>
            <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB3ladN_kwYAfqUwUELN6iBk3ECb93tdTo&callback=initMap&v=weekly&solution_channel=GMP_CCS_geocodingservice_v1" defer></script>
          </div>
        </div>
        <form id="" method="POST" action="{{ route('edit-location') }}" enctype="multipart/form-data">
          @csrf

          <div class="card-body">
            <div class="row">
              <input type="hidden" name="hash" value="{{$location->hash}}"/>
              @if ( Session::get('domains')<=1 && Session::get('rol') == 'business')
                @include('content.special-field.field',
                [
                  'id'=> 'domain_id',
                  'type' => 'hidden',
                  'placeholder' => '',
                  'value' => isset($domain->id) ? $domain->id : '',
                  'field' => 'domain_id',
                  'message' => isset($message)?$message:''
                ])
              @else
              <div class="mb-3 col-md-3">
                <label for="domain" class="form-label">Website</label>
                <input class="form-control" data-entity="domain" data-finder="true" type="text" id="idDomain" name="idDomain" value="" />
                @include('content.special-field.field',
                [
                  'id'=> 'domain_id',
                  'type' => 'hidden',
                  'placeholder' => '',
                  'value' => isset($domain->id) ? $domain->id : '',
                  'field' => 'domain_id',
                  'message' => isset($message)?$message:''
                ])
              </div>
              @endif

              <div class="mb-3 col-md-3">
                <label for="locationArea" class="form-label">Area</label>
                @include('content.special-field.field',
                [
                  'id'=> 'locationArea',
                  'type' => 'text',
                  'placeholder' => '',
                  'value' => $location->administrative_area_level,
                  'field' => 'locationArea',
                  'message' => isset($message)?$message:''
                ])
              </div>
              <div class="mb-3 col-md-3">
                <label for="locationLocality" class="form-label">Locality</label>
                @include('content.special-field.field',
                [
                  'id'=> 'locationLocality',
                  'type' => 'text',
                  'placeholder' => '',
                  'value' => $location->locality,
                  'field' => 'locationLocality',
                  'message' => isset($message)?$message:''
                ])
              </div>
              <div class="mb-3 col-md-3">
                <label for="locationRoute" class="form-label">Route</label>
                @include('content.special-field.field',
                [
                  'id'=> 'locationRoute',
                  'type' => 'text',
                  'placeholder' => '',
                  'value' => $location->route,
                  'field' => 'locationRoute',
                  'message' => isset($message)?$message:''
                ])
              </div>
              <div class="mb-3 col-md-3">
                <label for="locationStreet" class="form-label">Street</label>
                @include('content.special-field.field',
                [
                  'id'=> 'locationStreet',
                  'type' => 'text',
                  'placeholder' => '',
                  'value' => $location->street_number,
                  'field' => 'locationStreet',
                  'message' => isset($message)?$message:''
                ])
              </div>
              <div class="mb-3 col-md-3">
                <label for="locationState" class="form-label">State</label>
                @include('content.special-field.field',
                [
                  'id'=> 'locationState',
                  'type' => 'text',
                  'placeholder' => '',
                  'value' => $location->state,
                  'field' => 'locationState',
                  'message' => isset($message)?$message:''
                ])
              </div>
              <div class="mb-3 col-md-3">
                <label for="locationZip" class="form-label">Zip</label>
                @include('content.special-field.field',
                [
                  'id'=> 'locationZip',
                  'type' => 'text',
                  'placeholder' => '',
                  'value' => $location->zipCode,
                  'field' => 'locationZip',
                  'message' => isset($message)?$message:''
                ])
              </div>
              <div class="mb-3 col-md-3">
                <label for="locationLatitude" class="form-label">Latitude</label>
                @include('content.special-field.field',
                [
                  'id'=> 'locationLatitude',
                  'type' => 'text',
                  'placeholder' => '',
                  'value' => $location->lat,
                  'field' => 'locationLatitude',
                  'message' => isset($message)?$message:''
                ])
              </div>
              <div class="mb-3 col-md-3">
                <label for="locationLongitude" class="form-label">Longitude</label>
                @include('content.special-field.field',
                [
                  'id'=> 'locationLongitude',
                  'type' => 'text',
                  'placeholder' => '',
                  'value' => $location->long,
                  'field' => 'locationLongitude',
                  'message' => isset($message)?$message:''
                ])
              </div>
              <!--<div class="mb-3 col-md-3">
                <label for="locationLongitude" class="form-label">Global Code</label>
                @include('content.special-field.field',
                [
                  'id'=> 'globalCode',
                  'type' => 'text',
                  'placeholder' => '',
                  'value' => $location->globalCode,
                  'field' => 'globalCode',
                  'message' => isset($message)?$message:''
                ])
              </div>-->
              <div class="mb-3 col-md-6">
                <label for="locationTyped" class="form-label">Address Typed</label>
                <input class="form-control" type="text" id="locationTyped" name="locationTyped" value="{{$location->address_typed}}" />
              </div>
              <div class="mb-3 col-md-12">
                <div class="mt-2" style="float: right;">
                  <button type="submit" class="btn btn-primary me-2">Save changes</button>
                  <a href="{{ url()->previous() }}" type="reset" class="btn btn-outline-secondary">Cancel</a>
                </div>
              </div>
            </div>
          </div>
        </form>
      @endif
      <!-- /Account -->
    </div>
  </div>
</div>
<script>
    $(document).ready(function(){

        $("input[name='couponType']").change(function(e){
            let clase = $(e.currentTarget).val();
            $(".value-cyc").css("display", "none");
            $("."+clase).css("display", "block");
        });

    });
</script>
@endsection