@extends('admin.layout.master')
@section('content')
    <div class="content datatable">
        <div class="p-4 code-to-copy">
            <div class="card shadow-none border">
                <div class="card-header p-4 border-bottom bg-body">
                    <div class="row g-3 justify-content-between align-items-end">
                        <div class="col-md-8">
                            <h4 class="text-body mb-0" data-anchor="data-anchor" id="pagination-with-numbering">
                                Special Offers List
                            </h4>
                        </div>
                        <div class="col-md-4 text-end">
                            <a class="btn btn-primary" href="{{ route('admin.add_special_offer') }}"><span
                                    class="fa fa-plus"></span> Add</a>
                        </div>
                    </div>
                </div>
                <div class="card-body p-0">
                    <div class="p-4 code-to-copy">
                        <table class="table table-striped table-sm fs-9 mb-0 data-table">

                            <thead>
                                <tr>
                                    <th class="sort border-top border-translucent ps-3" data-sort="">#</th>
                                    {{-- <th class="sort border-top border-translucent ps-3" data-sort="name">User Name</th>
                                    <th class="sort border-top" data-sort="email">Email</th> --}}
                                    <th class="sort border-top" data-sort="mobile">Title</th>
                                    <th class="sort border-top" data-sort="cname">Total ID</th>
                                    <th class="sort border-top" data-sort="cemail">Free no of ID</th>
                                    <th class="sort border-top" data-sort="cemail">Total Amount</th>
                                    <th class="sort border-top" data-sort="age">Status</th>
                                    <th class="sort text-end align-middle pe-0 border-top" scope="col">ACTION
                                    </th>
                                </tr>
                            </thead>
                            <tbody class="list">
                                @foreach ($data['SpecialOffer'] as $key => $SO)
                                    <tr>
                                        <td class="align-middle ps-3">{{ $key + 1 }}</td>

                                        <td class="align-middle mobile">{{ $SO['title'] }}</td>
                                        <td class="align-middle cname">{{ $SO['total_id'] }}</td>
                                        <td class="align-middle cemail">{{ $SO['free_no_of_id'] }}</td>
                                        <td class="align-middle cemail">{{ getCurrency() . $SO['total'] }}</td>

                                        <td class="align-middle age">{!! checkStatus($SO['status']) !!}</td>
                                        <td class="align-middle white-space-nowrap text-end pe-0">

                                            <div class="btn-reveal-trigger position-static">
                                                <button
                                                    class="btn btn-sm dropdown-toggle dropdown-caret-none transition-none btn-reveal fs-10"
                                                    type="button" data-bs-toggle="dropdown" data-boundary="window"
                                                    aria-haspopup="true" aria-expanded="false"
                                                    data-bs-reference="parent"><span class="fas fa-ellipsis-h fs-10"></span>
                                                </button>
                                                <div class="dropdown-menu dropdown-menu-end py-2">
                                                    <a class="dropdown-item"
                                                        href="{{ route('admin.edit_special_offer', ['id' => encrypt($SO['id'])]) }}">Edit</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a class="dropdown-item"
                                                        href="{{ route('admin.delete_special_offer', ['id' => encrypt($SO['id'])]) }}">Delete</a>

                                                </div>

                                            </div>

                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection