@extends("admin.admin_app")
@section("content")

<!-- Page Header -->
<div class="content bg-gray-lighter">
    <div class="row items-push">
        <div class="col-sm-7">
            <h1 class="page-heading">Hotel Lists</h1>
        </div>
        <div class="col-sm-5 text-right hidden-xs">
            <ol class="breadcrumb push-10-t">
                <li><a href="{{ URL::to('admin/dashboard') }}">Dashboard</a></li>
                <li><a class="link-effect" href="">Hotel Lists</a></li>
            </ol>
        </div>
    </div>
</div>
<!-- END Page Header -->

<div class="content">
    <div class="block">

        <!-- Header Actions -->
        <div class="block-header clearfix" style="margin-bottom:10px;">
            <div style="float:left;">
                @if(isset($search) && !empty($search))
                    <b>Search: "{{ $search }}"</b>
                @endif
            </div>
            <div style="float:right;">
                @php
                    $routeCol = $col ?? null;
                    $routeSearchById = $searchById ?? null;
                    $query = request()->all();
                    $query['export'] = 'excel';
                    $queryString = http_build_query($query);
                @endphp
                <a href="{{ url("admin/hotel-list/$routeCol/$routeSearchById") }}?{{ $queryString }}" class="btn btn-success push-5-r">Download Excel</a>
                <a class="btn btn-success push-5-r" href="{{ URL::to('admin/hotels/addhotel') }}"><i class="fa fa-plus"></i> Add Hotel</a>
            </div>
        </div>

        <!-- Flash Message -->
        @if(Session::has('flash_message'))
            <div class="alert alert-success">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                {{ Session::get('flash_message') }}
            </div>
        @endif

        <!-- Search & Filters Form -->
       <form method="GET" action="{{ isset($routeCol) && isset($routeSearchById) ? url("admin/hotel-list/$routeCol/$routeSearchById") : url('admin/hotel-list') }}" style="width:100%" class="form-inline mb-3">
    <div class="row" style="width:100%; display: flex; margin: 5px; justify-content: space-between;">

        <div>
            <select name="capacity" class="form-control">
                <option value="">--Capacity--</option>
                @for($i = 1; $i <= 50; $i++)
                    <option value="{{ $i }}" {{ request('capacity') == $i ? 'selected' : '' }}>{{ $i }}</option>
                @endfor
            </select>
        </div>

        <div>
            <select name="timing" class="form-control">
                <option value="">--Timing--</option>
                @for($h = 0; $h < 24; $h++)
                    @php $time = str_pad($h, 2, '0', STR_PAD_LEFT) . ":00:00"; @endphp
                    <option value="{{ $time }}" {{ request('timing') == $time ? 'selected' : '' }}>
                        {{ str_pad($h, 2, '0', STR_PAD_LEFT) }}:00
                    </option>
                @endfor
            </select>
        </div>

        <div class="col-sm-3">
          
            <button type="submit" class="btn btn-primary w-100 mt-2">Search</button>

            <a href="{{ isset($routeCol) && isset($routeSearchById) ? url("admin/hotel-list/$routeCol/$routeSearchById") : url('admin/hotel-list') }}" class="btn btn-secondary w-100 mt-2">Reset</a>
        </div>

    </div>
</form>


        <!-- Per Page Selector -->
   <!-- <form method="GET" action="{{ isset($col) && isset($searchById) ? url('admin/hotel-list/'.$col.'/'.$searchById) : url('admin/hotel-list') }}" 
   class="mb-3 d-flex justify-content-end">
    {{-- Preserve the search query if present --}}
    @if(isset($search) && $search)
        <input type="hidden" name="search" value="{{ $search }}">
    @endif

    <select name="perPage" class="form-select" style="max-width:100px;margin:5px;" onchange="this.form.submit()">
        <option value="10" {{ $perPage==10?'selected':'' }}>10</option>
        <option value="25" {{ $perPage==25?'selected':'' }}>25</option>
        <option value="50" {{ $perPage==50?'selected':'' }}>50</option>
        <option value="100" {{ $perPage==100?'selected':'' }}>100</option>
    </select>
       <input type="text" name="search" class="form-control w-100" placeholder="Search Hotel Name / City / State / Star" value="{{ request('search') }}">

</form> -->
<form method="GET" 
      action="{{ isset($col) && isset($searchById) ? url('admin/hotel-list/'.$col.'/'.$searchById) : url('admin/hotel-list') }}" 
      class="mb-3 d-flex flex-wrap justify-content-between align-items-center" style='display: flex;justify-content: space-between;margin:10px'>

    {{-- Search Input (takes remaining width) --}}

      <div class="d-flex align-items-center" style="min-width: 120px;">
        <select name="perPage" 
                class="form-select me-2" 
                style="max-width:100px;" 
                onchange="this.form.submit()">
            <option value="10" {{ $perPage == 10 ? 'selected' : '' }}>10</option>
            <option value="25" {{ $perPage == 25 ? 'selected' : '' }}>25</option>
            <option value="50" {{ $perPage == 50 ? 'selected' : '' }}>50</option>
            <option value="100" {{ $perPage == 100 ? 'selected' : '' }}>100</option>
        </select>

       
    </div>
    <div class="form-input" style='display:flex; gap:10px'>
        <input type="text" 
               name="search" 
               class="form-control w-100" 
               placeholder="Search Hotel Name / City / State / Star" 
               value="{{ request('search') }}">
                <button type="submit" class="btn btn-primary">Search</button>
    </div>

    {{-- Pagination Dropdown (right side) --}}
  
</form>




        <!-- Hotels Table -->
        <div class="table-responsive">
            <table class="table table-bordered table-striped table-header-bg " id="hotelTable">
                <thead>
                    <tr>
                        <th>#</th>
                        <th class="text-center">Hotel Name</th>
                        <th class="text-center">Star Category</th>
                        <th class="text-center">City</th>
                        <th class="text-center">State</th>
                        <th class="text-center">Address</th>
                        <th class="text-center">Chain Property</th>
                        <th class="text-center">Remarks</th>
                        <th class="text-center">Status</th>
                        <th class="text-center">Manage Venues</th>
                        <th class="text-center">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($hotels as $i => $hotel)
                    <tr>
                        <td>{{ ($page-1)*$perPage + $i + 1 }}</td>
                        <td class="text-center">{{ $hotel->hotel_name }}</td>
                        <td class="text-center">{{ $hotel->starcategory }} Star</td>
                        <td class="text-center">{{ $hotel->city_name }}</td>
                        <td class="text-center">{{ $hotel->state_name }}</td>
                        <td class="text-center">{{ $hotel->hotel_address }}</td>
                        <td class="text-center">{{ $hotel->chain_property }}</td>
                        <td class="text-center">{{ $hotel->remarks }}</td>
                        <td class="text-center">
                            <label class="css-input switch switch-sm switch-success">
                                <input type="checkbox" {{ $hotel->status==1?'checked':'' }}
                                    @if(Auth::user()->usertype!="Admin") disabled @endif
                                    onchange="$.get('{{ URL::to('admin/hotels/status_hotel/'.$hotel->id.'/'.($hotel->status?0:1)) }}')">
                                <span></span>
                            </label>
                        </td>
                        <td class="text-center">
                            <a class="uk-badge uk-badge-success" href="{{ url('admin/hotels/managevenues/'.$hotel->id) }}">
                                <i class="fa fa-plus"></i> Manage Venues
                            </a>
                        </td>
                        <td class="text-center">
                            <div class="btn-group">
                                <a href="{{ URL::to('admin/hotels/viewhotel/'.$hotel->id) }}" class="btn btn-xs btn-default"><i class="fa fa-eye"></i></a>
                                <a href="{{ URL::to('admin/hotels/addhotel/'.$hotel->id) }}" class="btn btn-xs btn-default"><i class="fa fa-pencil"></i></a>
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <!-- Custom Pagination (old style) -->
        @php
            $totalPages = ceil($total / $perPage);
            $startPage = max($page - 2, 1);
            $endPage = min($page + 2, $totalPages);
        @endphp

       @if ($totalPages > 1)
    <div class="d-flex justify-content-center align-items-center mt-3">
        <ul class="pagination mb-0 mx-2">
            @php
                // Build base URL depending on whether $col and $searchById exist
                $baseUrl = isset($col) && isset($searchById)
                    ? url("admin/hotel-list/$col/$searchById")
                    : url('admin/hotel-list');
            @endphp

            {{-- Previous Button --}}
            <li>
                <a href="{{ $page > 1 ? $baseUrl.'?page='.($page-1).'&perPage='.$perPage : '#' }}"
                   class="btn btn-primary mx-2 {{ $page <= 1 ? 'disabled' : '' }}">
                    Previous
                </a>
            </li>

            {{-- First Page --}}
            @if($startPage > 1)
                <li class="page-item">
                    <a class="page-link" href="{{ $baseUrl.'?page=1&perPage='.$perPage }}">1</a>
                </li>
                @if($startPage > 2)
                    <li class="page-item disabled"><span class="page-link">…</span></li>
                @endif
            @endif

            {{-- Middle Pages --}}
            @for ($i = $startPage; $i <= $endPage; $i++)
                <li class="page-item {{ $i == $page ? 'active' : '' }}">
                    <a class="page-link" href="{{ $baseUrl.'?page='.$i.'&perPage='.$perPage }}">{{ $i }}</a>
                </li>
            @endfor

            {{-- Last Page --}}
            @if($endPage < $totalPages)
                @if($endPage < $totalPages - 1)
                    <li class="page-item disabled"><span class="page-link">…</span></li>
                @endif
                <li class="page-item">
                    <a class="page-link" href="{{ $baseUrl.'?page='.$totalPages.'&perPage='.$perPage }}">{{ $totalPages }}</a>
                </li>
            @endif

            {{-- Next Button --}}
            <li>
                <a href="{{ $page < $totalPages ? $baseUrl.'?page='.($page+1).'&perPage='.$perPage : '#' }}"
                   class="btn btn-primary mx-2 {{ $page >= $totalPages ? 'disabled' : '' }}">
                    Next
                </a>
            </li>
        </ul>
    </div>
@endif


    </div>
</div>

<!-- DataTables Sorting Only -->
<script>
$(document).ready(function(){
    $('#hotelTable').DataTable({
        paging: false,
        searching: false,
        info: false,
        ordering: true,
        order: [],
        columnDefs: [{ orderable: false, targets: -1 }]
    });
});
</script>

@endsection