@extends('layouts/contentNavbarLayout')

@section('title', 'Tables - Basic Tables')

@section('content')
<h4 class="py-3 mb-4">
  <span class="text-muted fw-light">Location /</span> List
</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 active" href="#"><i class="bx bx-user me-1"></i> List</a></li>
      <li class="nav-item"><a class="nav-link" href="{{url('/'.$rol.'/create-location')}}"><i class="bx bx-message-square-add me-1"></i> Add</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>
</div>
<!-- Basic Bootstrap Table -->
@include('content.notification.notification')
<div class="card">
  <form action="">
    <div class="container mb-4 mt-3">
        <div class="row">
            @if (Session::get('rol') == 'admin')
            <div class="col-md-3">
              <label for="domain" class="form-label">Domain</label>
              <input class="form-control" type="text" value="{{\Request::get('domain')}}" name="domain" id="domain"/>
            </div>
            @else
              @if ( sizeof($domain) > 1 )
              <div class="col-md-3">
                <label for="domain" class="form-label">Domain</label>
                <input class="form-control" type="text" value="{{\Request::get('domain')}}" name="domain" id="domain"/>
              </div>
              @endif
            @endif
            <div class="col-md-3">
              <label for="area" class="form-label">Area</label>
              <input class="form-control" type="text" value="{{\Request::get('area')}}" name="area" id="area"/>
            </div>
            <div class="col-md-3">
              <label for="locality" class="form-label">Locality</label>
              <input class="form-control" type="text" value="{{\Request::get('locality')}}" name="locality" id="locality"/>
            </div>
            <div class="col-md-3">
              <label for="route" class="form-label">Route</label>
              <input class="form-control" type="text" value="{{\Request::get('route')}}" name="route" id="route"/>
            </div>
            <div class="col-md-3">
              <label for="street" class="form-label">Street</label>
              <input class="form-control" type="text" value="{{\Request::get('street')}}" name="street" id="street"/>
            </div>
            <div class="col-md-3">
              <label for="state" class="form-label">State</label>
              <input class="form-control" type="text" value="{{\Request::get('state')}}" name="state" id="state"/>
            </div>
            <div class="col-md-3">
              <label for="address" class="form-label">Zip</label>
              <input class="form-control" type="text" value="{{\Request::get('zip')}}" name="zip" id="zip"/>
            </div>
            @if (Session::get('rol') == 'admin')
            <div class="col-md-3">
              <label for="latitude" class="form-label">Latitude</label>
              <input class="form-control" type="text" value="{{\Request::get('latitude')}}" name="latitude" id="latitude"/>
            </div>
            <div class="col-md-3">
              <label for="longitude" class="form-label">Longitude</label>
              <input class="form-control" type="text" value="{{\Request::get('longitude')}}" name="longitude" id="longitude"/>
            </div>
            @endif
        </div>
        <div class="row justify-content-end">
          <div class="col-3 mt-3 d-flex justify-content-end">
            <input type="submit" class="btn btn-primary me-2" value="Filter">
          </div>
        </div>
    </div>
  </form>

  <div class="table-responsive text-nowrap">
    <table class="table">
      <thead>
        <tr>
          <th>Domain</th>
          <th>@sortablelink('administrative_area_level', 'Area')</th>
          <th>@sortablelink('locality', 'Locality')</th>
          <th>@sortablelink('route', 'Route')</th>
          <th>@sortablelink('street_number', 'Street')</th>
          <th>@sortablelink('state', 'State')</th>
          <th>@sortablelink('zipCode', 'Zip')</th>
          @if (Session::get('rol') == 'admin')
          <th>@sortablelink('lat', 'Latitude')</th>
          <th>@sortablelink('long', 'Longitude')</th>
          @endif
          <th>Actions</th>
        </tr>
      </thead>
      <tbody class="table-border-bottom-0">
        @if(count($data)>0)
          @foreach ($data as $d)
            <tr>
              <td>{{$d->domain}}</td>
              <td>{{$d->administrative_area_level}}</td>
              <td>{{$d->locality}}</td>
              <td>{{$d->route}}</td>
              <td>{{$d->street_number}}</td>
              <td>{{$d->state}}</td>
              <td>{{$d->zipCode}}</td>
              @if (Session::get('rol') == 'admin')
              <td>{{$d->lat}}</td>
              <td>{{$d->long}}</td>
              @endif
              <td>
                <div class="dropdown">
                  <button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
                  <div class="dropdown-menu">
                    <a class="dropdown-item" href="/{{$rol}}/update-location/{{$d->hash}}"><i class="bx bx-edit-alt me-1"></i> Edit</a>
                    <a class="dropdown-item" href="{{ url('/delete/l/'.$d->hash) }}"><i class="bx bx-trash me-1"></i> Delete</a>
                  </div>
                </div>
              </td>
            </tr>
          @endforeach
        @else
          {{ "No hay nada" }}
        @endif
      </tbody>
    </table>
    <div class="container"><div class="col-12" id="paginator">{!! $data->appends(request()->query())->render() !!}</div></div>
  </div>

</div>
<!--/ Basic Bootstrap Table -->
@endsection