@extends('layouts.admin')

@section('title' , 'Shops List')

@section('breadcrumb-item')
    <li class="breadcrumb-item active">Shops List</li>
@endsection
@php
    $currentPage = request()->get('page', 1); // Default to page 1 if 'page' is not set
@endphp
@section('content')
    <div class="card">
        <div class="card-header bg-theme">
            <p class="h5 pt-2 mb-0 float-left"><i class="fa fa-list pr-1"></i>Shops List</p>
            <a href="{{route('admin.shop.create')}}" data-toggle="tooltip" data-placement="bottom"
               title="Add New Record" class="btn btn-info float-right ml-2">
                <i class="fa fa-plus"></i>
            </a>
            <form action="{{route('admin.shops')}}" method="get" class="form-inline float-right">
                <div class="form-group">
                    <div class="input-group">
                        <input class="form-control" type="text" name="q" value="{{ request()->query('q') }}"
                               placeholder="Search in Shops">
                        <div class="input-group-append">
                            <button class="btn btn-success" type="submit"><i class="fa fa-search"></i></button>
                        </div>
                        <div class="input-group-append">
                            <a class="btn btn-danger{{ request()->query('q') ? '' : ' disabled' }}"
                               href="{{route('admin.shops')}}">
                                <i class="fa fa-eraser"></i></a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <div class="card-body" style="overflow-x:auto;">
            <table class="table table-hover table-c">
                <thead>
                <tr>
                    <th>#</th>
                    <th>ID</th>
                    <th>Name</th>
                    {{--<th>Email</th>--}}
                    <th>Phone</th>
                    <th>Contact Person</th>
                    <th>Area</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                @forelse($shops as $key => $shop)
                    <tr>
                        <td>{{ $shops->firstItem() + $key }}</td>
                        <td>BVH{{$shop->id}}</td>
                        <td>{{$shop->name}}</td>
                        {{--<td>{{$shop->email}}</td>--}}
                        <td>{{$shop->phone}}</td>
                        <td>{{$shop->contact_person}}</td>
                        <td>{{$shop->areaName}}</td>
                        <td>
                            <div class="btn-group">
                                <a href="{{route('admin.shop.show', ['id' => $shop->id])}}"
                                   data-toggle="tooltip" title="View"
                                   class="btn btn-sm btn-outline-primary"><i class="fa fa-eye"></i></a>
                                <a href="{{route('admin.shop.edit', ['id' => $shop->id, 'page' => request()->get('page', 1)])}}"
                                   data-toggle="tooltip" title="Edit"
                                   class="btn btn-sm btn-outline-success"><i class="fa fa-pencil"></i></a>
                                @include('includes.modals.delete', ['model' => 'shop', 'route' => 'admin.shop.delete'])
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <th colspan="5" class="text-center">No Shops Yet</th>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>
        <div class="pagination justify-content-center mb-4">
            {{ $shops->appends(request()->query())->links() }}
        </div>
    </div>
@endsection