@extends('layouts.app')

@section('pageTitle', 'Home')

@section('content')
<div class="page-content">
  <div class="page-subheading page-subheading-md">
    <ol class="breadcrumb">
        <li><a href="javascript:;">Dashboard</a></li>
        <li class="active"><a href="javascript:;">Locations List</a></li>
    </ol>
   </div>
<div class="page-heading page-heading-md">
    <h2>Locations List</h2>
</div>
<div class="container-fluid-md">
    <div class="panel panel-default">
        <div class="panel-heading">
        <ul class="nav nav-tabs">
            
                         @if (session('status'))
                            <div class="alert alert-success">
                                {{ session('status') }}
                            </div>
                        @endif
                            <li class="active"><a data-toggle="tab" href="#list">Locations @if($categoryName)
                                        in <b>{{ $categoryName }}</b>@endif</a>
                            </li>
                        </ul>
                        <div class="panel-options" style="padding-right: 20px; padding-top: 5px;">
                            <a href="{{route('sub-location.create', ['id' => $locationCategoryId])}}" class="btn btn-info pull-right" style="margin-bottom: 1.5em;"><i class="fa fa-fw fa-plus"></i></a>

                        </div>

                        <div class="panel-body">
                            <div class="tab-content">
                                <div id="list" class="tab-pane active">

                                    <div class="mb-5">

                                    </div>
                       <form action="{{ route('sub-location.index', ['id' => $locationCategoryId]) }}" class="form-horizontal" method="get" enctype="multipart/form-data" novalidate>
                    <div class="form-group row">
                        <label class="col-md-5 col-sm-12 control-label" for="locationType">Location Type</label>
                        <div class="col-md-5 col-sm-12">
                            <select class="form-control form-selectboxit" name="locationType" id="locationType" title="">
                                <option value="">-- All --</option>
                                <option value="Country" @if(request('locationType') == 'Country') {{ 'selected' }} @endif>Country</option>
                                <option value="State" @if(request('locationType') == 'State') {{ 'selected' }} @endif>State</option>
                                <option value="City" @if(request('locationType') == 'City') {{ 'selected' }} @endif>City</option>
                                <option value="Locality" @if(request('locationType') == 'Locality') {{ 'selected' }} @endif>Locality</option>
                            </select>
                        </div>
                    </div>
                
                    <div class="form-group row">
                        <label class="col-md-5 col-sm-12 control-label" for="name">Keyword</label>
                        <div class="col-md-5 col-sm-12">
                            <input type="text" class="form-control" id="name" name="name" placeholder="Keyword" value="{{ request('name') }}">
                        </div>
                    </div>
                
                    <div class="form-group row">
                        <div class="col-sm-offset-5 col-sm-7"> <!-- Changed col-sm-8 to col-sm-7 -->
                            <button type="submit" class="btn btn-primary">Search</button>
                        </div>
                    </div>
                </form>
                                   
   
    @if(request()->has('locationType') || request()->has('name'))
        <table class="table table-hover table-bordered">
            <thead>
            <tr>
                <th>Name</th>
                <th>Location Type</th>
                <th>Parent</th>
                <th>Image</th>
                <th>Action</th>
            </tr>
            </thead>
            <tbody>
            @foreach($locations as $location)
            <tr>
                <td><a href="{{ route("sub-location.index", ['id' => $location->id]) }}">{{ $location->name }}</a></td>
                <td>{{ $location->type }}</td>
                <td>@if($location->mainCategory){{ $location->mainCategory->name }}@endif</td>
                <td>@if($location->image)<a href="{{ config('constants.location_container').'/'.$location->image }}" target="_blank"><img src="{{ config('constants.location_container').'/'.$location->image }}" width="100" height="100"></a> @endif</td>
                <td>
                    <a href="{{ route("sub-location.update", ['id' => $location->id]) }}" class="btn btn-sm btn-primary">Edit</a>
                    <a href="{{ route("sub-location.delete", ['id' => $location->id]) }}" class="btn btn-sm btn-danger" onClick="return confirm('Are you sure you want to delete this item?');">Delete</a>
                </td>
            </tr>
            @endforeach
            </tbody>
        </table>

        <!-- Pagination Links -->
        <div class="text-center">
            {{ $locations->appends(request()->query())->links() }}
        </div>

    @else
        <p class="text-center">Please enter search criteria to view locations.</p>
    @endif

    </div>
    </div>
    </div>
    </div>
    </div>
                         
@endsection