@extends('layouts.admin')
@section('content')
   

    <div class="row">
        <div class="col-12 ">
            <div class="card">
                <div class="card-header">
                    <h4>Coupon List</h4>
                    <div class="new-card-header-form custom-search-form">
                        <a class="btn btn-primary btn-lg float-end" href="{{ route('admin.coupan.create') }}">Add Coupon</a>
                    </div>
                </div>
                <div class="card-body">
                    {{-- <form method="GET" action="{{ route('admin.coupan.list') }}">
                        <div class="row">
                            <div class="col-md-4">
                                <input type="text" name="name" class="form-control" placeholder="Search by name" value="{{ request('name') }}">
                            </div>
                                <div class="col-md-4">
                                <button type="submit" class="btn btn-primary">Filter</button>
                                <a href="{{ route('admin.member.list') }}" class="btn btn-secondary">Clear</a>
                            </div>
                        </div>
                    </form> --}}
                    <ul class="nav nav-pills mt-3" id="myTab3" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#totalCoupans" role="tab"
                                aria-controls="total" aria-selected="true">Total</a>
                        </li>
                        {{-- <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#usedByHosts" role="tab" aria-controls="home" aria-selected="true">Used by Host</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#usedCoupans" role="tab" aria-controls="profile" aria-selected="false">Used</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#unusedCoupans" role="tab" aria-controls="contact" aria-selected="false">Unused</a>
                        </li> --}}
                    </ul>
                    <div class="tab-content mt-3" id="myTabContent2">
                        <div class="tab-pane fade active show" id="totalCoupans" role="tabpanel"
                            aria-labelledby="totalCoupans">
                            <div class="category-table-box">
                                <div class="col-12 col-md-12 col-lg-12">
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="table-responsive">
                                                @include('include.coupan-details', [
                                                    'coupans' => $totalCoupans,
                                                ])
                                                {{ $totalCoupans->appends(request()->input())->links() }}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- <div class="tab-pane fade " id="usedByHosts" role="tabpanel" aria-labelledby="usedByHosts">
                            <div class="category-table-box">
                                <div class="col-12 col-md-12 col-lg-12">
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="table-responsive">
                                                @include('include.coupan-details', ['coupans' => $usedByHosts])
                                               
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="usedCoupans" role="tabpanel" aria-labelledby="usedCoupans">
                            <div class="category-table-box">
                                <div class="col-12 col-md-12 col-lg-12">
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="table-responsive">
                                                @include('include.coupan-details', ['coupans' => $usedCoupans])
                                             
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="unusedCoupans" role="tabpanel" aria-labelledby="unusedCoupans">
                            <div class="category-table-box">
                                <div class="col-12 col-md-12 col-lg-12">
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="table-responsive">
                                                @include('include.coupan-details', ['coupans' => $unusedCoupans])
                                               
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div> --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection