@extends("admin.template.layout")
@section('header')
    <style>
        .form-control-plaintext {
            padding-left: 7px;
            border: 1px solid #990253;
            border-radius: 10px;
            color: #212529;
            text-align: left;
            margin-bottom: 15px;
        }

        .form-label {
            margin-bottom: 5px;
        }
        .img {
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }
    </style>
@endsection
@section('content')
        <div class="card mb-5">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0">Checked In History</h5>
            </div>
            <div class="card-body py-0">
                <div class="row py-4">
                    <div class="col-12">
                        <div class="table-responsive">
                            <table class="datatables-ajax table table-condensed" data-role="ui-datatable" data-src="{{route('reports.venue.list',['user_id'=>encrypt($user_id)])}}" >
                                <thead>
                                <tr>
                                    <th class="pt-0" data-colname="id">#</th>
                                    <th class="pt-0" data-searchable="true" data-colname="venue_name"> Venue</th>
                                    <th class="pt-0" data-colname="check_in_time">Check in</th>
                                    <th class="pt-0" data-colname="check_out_time">Check out</th>
                                    <th class="pt-0" data-colname="time_spent">Time Spent</th>
                                    <th class="pt-0" data-colname="status">Status</th>
                                    <th class="pt-0" data-colname="venue_id">Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card mb-5">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0">Communities</h5>
            </div>
            <div class="card-body py-4">
                <div class="row">
                    @forelse($communities as $community)
                    <div class="col-lg-3 col-md-3 col-sm-6 mb-3">
                        <div class="card">
                            <img class="card-img-top" height="150px" src="{{\App\CentralLogic\Helpers::getImage('communities',$community->image)}}" alt="Card image cap">
                            <div class="card-body">
                                <h6 class="card-title text-center">{{$community->name}}</h6>
                            </div>
                        </div>
                    </div>
                    @empty
                        <div class="col-12">
                            <div >
                                No communities found
                            </div>
                    @endforelse

                </div>
            </div>
        </div>
        </div>
        <div class="card mb-2">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0">Purchase History</h5>
            </div>
            <div class="card-body py-0">


                <div class="row py-4">
                    <div class="col-12">
                        <div class="table-responsive">
                            <table class="table table-condensed">
                                <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Venue</th>
                                    <th>Receivers</th>
                                    <th>Sender Name</th>
                                    <th>Amount</th>
                                    <th>Commission</th>
                                    <th>Code</th>
                                    <th>Created At</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                @forelse ($gifts as $gift)
                                    <tr>
                                        <td>{{ $gift->id }}</td>
                                        <td>{{ $gift->venue->name }}</td>
                                        <td>{{ $gift->receiver->name }}</td>
                                        <td>{{ $gift->sender->name }}</td>
                                        <td>{{ number_format($gift->amount_paid) . ' AED' }}</td>
                                        <td>{{number_format($gift->commission) . ' AED'}}</td>
                                        <td>{{ $gift->code ?? '1111'}}</td>
                                        <td>{{ $gift->created_at }}</td>
                                        <td>
                                            <div class="dropdown custom-dropdown">
                                                <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink7" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    <i class="flaticon-dot-three"></i>
                                                </a>
                                                <div class="dropdown-menu" aria-labelledby="dropdownMenuLink7" x-placement="top-start" style="position: absolute; transform: translate3d(0px, -2px, 0px); top: 0px; left: 0px; will-change: transform;">
                                                    <a class="dropdown-item" href="{{ route('gifts.show', encrypt($gift->id) ) }}"><i class="bx bx-file"></i> View</a>
                                                    <form action="{{ route('gifts.destroy', encrypt($gift->id)) }}" method="POST" class="d-inline">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="submit" class="dropdown-item" onclick="return confirm('Are you sure you want to delete this gift?')"><i class="bx bx-trash"></i> Delete</button>
                                                    </form>

                                                </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="9" class="text-center">No gifts found</td>
                                    </tr>
                                @endforelse
                                </tbody>
                            </table>



                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
@stop
@section('script')
    <script>
        jQuery(document).ready(function () {

            App.initTreeView();

        })
    </script>
@stop