@extends('layouts.admin')

@section('title', 'Application Inbox')

@section('content')

    <div class="container-fluid p-0">
        <!--title-->
        <div class="mb-3">
            <h1 class="h3 d-inline align-middle">Application Inbox</h1>
        </div>

        <div class="col-md-6">
            <br>
            <!-- <div class="collapse navbar-collapse" id="navbarSearch">-->
            <form class="d-flex ms-auto" action="{{ route('hqstaff.forwarded_applications') }}" role="search">
                <input class="form-control me-2" type="search" placeholder="Search" name="search"
                    value="{{ $search }}" aria-label="Search">
                <button class="btn btn-outline-primary" type="submit">Search</button>
            </form>
            <!--  </div>-->
        </div>
        <!--title-->

        <!--content-->

        <br>
        <div class="row">
            <div class="col-12 col-xl-12">
                <div class="card">

                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Application Number</th>
                                    <th>Application Type</th>
                                    <!-- <th class="d-none d-md-table-cell" style="width:25%">Society Type</th>-->
                                    <th>Applicant Name</th>
                                    <th>Status</th>
                                    <th>Date</th>
                                    <th>View</th>

                                </tr>
                            </thead>
                            <tbody>
                                <!--  <tr>
                                                    <td>Vanessa Tucker</td>
                                                    <td>864-348-0485</td>
                                                    <td class="d-none d-md-table-cell">June 21, 1961</td>
                                                    <td class="table-action">
                                                        <a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
                                                        <a href="#"><i class="align-middle" data-feather="trash"></i></a>
                                                    </td>
                                                </tr>-->

                                @if (count($applications) == 0)
                                    <tr>
                                        <td colspan="6">No Applications</td>
                                    </tr>
                                @endif

                                @foreach ($applications as $key => $application)
                                    <tr>
                                        <td>{{ $start + $key }}</td>
                                        <td>{{ $application->application_number }}</td>
                                        <td>{{ $application->ApplicationType->application_type_name }}</td>
                                        <td>{{ $application->name ? $application->name : $application->childs_name }}</td>
                                        <td>{{ $application->ApplicationStatus->status_name }}</td>
                                        <td>{{ date('d M Y', strtotime($application->PresentFileFlow->created_at)) }}</td>
                                        <td><a href="{{ route('hqstaff.application_view', \Crypt::encryptString($application->id)) }}"
                                                class="btn btn-primary btn-sm" target="_blank">View</a></td>

                                    </tr>
                                @endforeach

                            </tbody>
                        </table>

                        <div class="d-flex justify-content-center">
                            {{ $applications->links() }}
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!--content-->

    </div>
@endsection