@extends('admin.layouts.app')
<style>
        .pagination{
            float: right;
            margin-top: 10px;
        }
    </style>
@section('content')
<div class="container-fluid">

    <div class="header">
        <h1 class="header-title" style="margin-top:-40px !important;">
            All Applications
        </h1>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="dashboard-default.html">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="#">Operations</a></li>
                <li class="breadcrumb-item active" aria-current="page">Open Applications</li>
            </ol>
        </nav>
    </div>

    <div class="row" style="margin-top:-40px !important;">
        <div class="col-12">
            <div class="card">
                {{-- <div class="card-header">
                                <h5 class="card-title">Responsive DataTables</h5>
                                <h6 class="card-subtitle text-muted">Highly flexible tool that many advanced features to any HTML table. See official
                                    documentation <a href="https://datatables.net/extensions/responsive/" target="_blank"
                                        rel="noopener noreferrer nofollow">here</a>.</h6>
                            </div> --}}
                <div class="card-body scroll-h">
                    @if($applications->isNotEmpty())
                        Showing {{ $applications->firstItem() }} to {{ $applications->lastItem() }} of total {{$applications->total()}} application(s)
                    @else
                        Showing 0 to 0 of total 0 application(s)
                    @endif
                    <table id="datatables-reponsive" class="table table-striped" style="width:100%;text-align: center;">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Application ID</th>
                                <th>Name</th>
                                <th>Date Of Birth</th>
                                <th>Email</th>
                                <th>Contact</th>
                                <th>Profile</th>
                                <th>State</th>
                                <th>Status</th>
                                <th>Action</th>
                                {{-- <th>Gender</th> --}}
                                {{-- <th>Age</th> --}}
                                {{-- <th>Country</th> --}}
                                {{-- <th>Address</th> --}}
                                {{-- <th>Pincode</th> --}}
                                {{-- <th>Mobile</th> --}}
                                {{-- <th>Profiles</th> --}}
                                {{-- <th>Sub Profile</th> --}}
                                {{-- <th>Primary Profile</th> --}}
                                {{-- <th>Requested At</th> --}}
                            </tr>
                        </thead>
                        @if($applications->isNotEmpty())
                            <tbody>
                                                            @foreach ($applications as $application)

                                @if($application->approved == 0 || $application->paid == 0)
                                    <tr>
                                        <td>{{$index++}}</td>
                                        <td>{{ $application->application_id }}</td>
                                        <td>{{ $application->user_name }}</td>
                                        <td>{{ $application->dob }}</td>
                                        <td>{{ $application->email }}</td>
                                        <td>{{ $application->contact }}</td>
                                        <td style="font-weight: bold;">{{ $application->profile_name }}</td>
                                        <td>{{ $application->state }}</td>

                                        {{-- <td>
                                            @if ($application->approved == 1 && $application->payment == 1)
                                                <span class="badge bg-success"><i class="fa-solid fa-circle-check"></i>
                                                    Active</span>
                                            @elseif($application->approved == 1 && $application->payment == null)
                                                <span class="badge bg-warning">Approved/Payment Pending</span>
                                            @else
                                                <span class="badge bg-danger">Pending</span>
                                            @endif
                                        </td>
                                        @if ($application->approved_by != null)
                                            {
                                            <td>{{ $application->approved_by }}</td>
                                            }
                                        @else
                                            <td>--</td>
                                        @endif --}}
                                        <td>
                                            @if ($application->approved == 1 && $application->paid == null)
                                            <span class="badge bg-warning">Payment Pending</span>

                                                @elseif($application->approved == -1)
                                                <span class="badge bg-danger">Rejected</span>
                                                @elseif($application->approved == 0)
                                                <span class="badge bg-warning">Pending</span>
                                                @endif
                                        </td>

                                        <td><a href="{{ url('admin/applications/'.$application->application_id) }}" target="_blank"  class="btn btn-primary"><i class="fa-solid fa-square-arrow-up-right"></i> Open</a></td>

                                        {{-- <td>{{$application->gender}}</td> --}}
                                        {{-- <td>{{$application->age}}</td> --}}
                                        {{-- <td>{{$application->country_id}}</td> --}}
                                        {{-- <td>{{$application->address}}</td> --}}
                                        {{-- <td>{{$application->pincode}}</td> --}}
                                        {{-- <td>{{$application->mobile}}</td> --}}
                                        {{-- <td>{{$application->profiles}}</td> --}}
                                        {{-- <td>{{$application->sub_profile}}</td> --}}
                                        {{-- <td>{{$application->primary_profile}}</td> --}}
                                        {{-- <td>{{$application->updated_at}}</td> --}}
                                    </tr>
                                    </tbody>

                                     @endif
                                 @endforeach

                                 @else
                                        <tbody>
                                                <tr>
                                                    <td colspan="10">No data to display</td>
                                                </tr>
                                       </tbody>
                                @endif


                    </table>
                        <!-- <h5>Pagination:</h5> -->
                        <div class="d-felx justify-content-center">
                            {{ $applications->links() }}
                            <!-- {!! $applications->appends(\Request::except('page'))->render() !!} -->

                        </div>
                </div>

            </div>
        </div>
    </div>


</div>
@endsection