@extends('layouts.app')

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

@section('content')
        <div class="row">
            <div class="col-lg-12">
                <div class="m-portlet m-portlet--mobile">

                    <div class="m-portlet__head">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    Application list by IPR
                                </h3>
                            </div>
                        </div>
                    </div>

                    <div class="m-portlet__body">

                        <div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
                            <div class="btn-group mr-2" role="group" aria-label="Second group">
                                <button type="button" class="btn btn-info btn-sm" data-toggle="modal" data-target="#maklumat_permohonan">Show Filter</button>
                            </div>
                            <div class="btn-group" role="group" aria-label="Third group">
                                <a href="{{ route('modules.app-management.export', request()->query()) }}" class="btn btn-primary btn-sm">Export</a>
                            </div>
                        </div>

                        <div class="table-responsive">
                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th>#</th>
                                    <th>IPR</th>
                                    <th>Applicant</th>
                                    <th>IC No.</th>
                                    <th>Email</th>
                                    <th>Phone No</th>
                                    <th>Date of Application</th>
                                    <th>Status</th>
                                </tr>
                                </thead>
                                <tbody>
                                    @forelse($applications as $i => $row)
                                       <tr>
                                           <td>
                                               {{ $applications->firstItem() + $i }}
                                           </td>
                                           <td>
                                               {{ $row->ipr->display_name ?? '' }}
                                           </td>
                                           <td>
                                               {{ $row->profile->nama ?? '' }}
                                           </td>
                                           <td>
                                               {{ $row->profile->ic ?? '' }}
                                           </td>
                                           <td>
                                               {{ $row->profile->email ?? '' }}
                                           </td>
                                           <td>
                                               {{ $row->profile->tel_bimbit ?? '' }}
                                           </td>
                                           <td>
                                               {{ $row->tarikh_permohonan->toDayDateTimeString() }}
                                           </td>
                                           <td>
                                               {!! $row->status_badge !!}
                                           </td>
                                       </tr>
                                    @empty
                                        <tr>
                                            <td colspan="8" align="center">No record found...</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>

                        {{ $applications->appends(request()->query())->links() }}

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

        {{-- Modal --}}
        <div class="modal fade" id="maklumat_permohonan" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0,.6)">
            <div class="modal-dialog modal-lg" role="document" style="max-width: 800px;">
                <div class="modal-content">
                    <form action="" method="GET">
                        <div class="modal-header">
                            <h4 class="modal-title" id="exampleModalLabel">
                                Search record
                            </h4>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">
                                &times;
                            </span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="m-form__section m-form__section--first">
                                <div class="form-group">
                                    <label class="form-control-label">Name</label>
                                    <input type="text" class="form-control" name="nama" value="{{ request('nama') }}">
                                </div>
                                <div class="form-group">
                                    <label class="form-control-label">Email</label>
                                    <input type="text" class="form-control" name="email" value="{{ request('email') }}">
                                </div>
                                <div class="form-group">
                                    <label class="form-control-label">Phone No</label>
                                    <input type="number" class="form-control" name="tel_bimbit" value="{{ request('tel_bimbit') }}">
                                </div>
                                <div class="form-group">
                                    <label  class="form-control-label">IC No</label>
                                    <input type="text" class="form-control" name="ic" value="{{ request('ic') }}">
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary btn-primary">Search</button>
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Back</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
@endsection

@push('scripts')
@endpush