@extends('layouts.default')
@section('content')

<div class="small-header transition animated fadeIn">
    <div class="hpanel">
        <div class="panel-body">
            <h2 class="font-light m-b-xs">
                Members Details
            </h2>
        </div>
    </div>
</div>
<div class="content animate-panel">
    <div class="row">
        <section class="view-member mt-5">
            <div class="col-lg-88">
                <div class="hpanel">

                    <!--CORPORATE DETAILS------------------>
                    <div class="col-md-12">
                        <div class="table-responsive">
                            <caption>MEMBER DETAILS</caption>
                            <table class="table table-bordered">
                                <tr>
                                    <td>Full Name</td>
                                    <td>Address Details</td>
                                    <td>Contact Number</td>
                                    <td>Email</td>
                                    <td>Website</td>
                                    <td>FAX</td>
                                </tr>
                                <tr>
                                    <td>{!! $member->first_name !!} {!! $member->last_name !!}</td>
                                    <td>{!! $member->address !!}</td>
                                    <td>{!! $member->phone !!}</td>
                                    <td>{!! $member->email !!}</td>
                                    <td>{!! $member->website !!}</td>
                                    <td>{!! $member->fax !!}</td>

                                </tr>
                            </table>
                        </div>
                    </div>
                    <!--OTHER DETAILS------------------>
                    <div class="col-md-12">
                        <div class="table-responsive">
                            <caption>QUALIFICATIONS</caption>
                            <table class="table table-bordered">
                                <tr>
                                                                        @foreach ($member_qualifications as $member_qualification)
                                        <td>{!! ++$sl !!}</td>
                                        @endforeach
                                </tr>
                                <tr>
                                    @foreach ($member_qualifications as $member_qualification)
                                        <td>{!! $member_qualification->name !!}</td>
                                    @endforeach
                                </tr>
                            </table>
                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="table-responsive">
                            <h2>Applicant List</h2>
                            <hr>
                            {{-- <p>&nbsp;</p> --}}
                        </div>
                    </div>

                    <!--UPLOAD DOCUMENT------------------>
                    @foreach ($applicants as $member)
                    <div class="col-md-12">
                        <div class="table-responsive">
                            <p>Applicant Name: {!! $member->first_name !!} {!! $member->last_name !!}</p>
                            <p>Applicant Email: {!! $member->email !!}</p>
                            <p>Applicant Phone: {!! $member->phone !!}</p>
                            <!-- <p>Applicant Phone: {!! $member->id !!}</p> -->
                            <div class="table-responsive">
                                <table class="table table-bordered table-hover table-striped middle-align" style="text-align: center">
                                    <thead>
                                        <tr class="center">
                                            <th style="text-align: center">{!!trans('SL')!!}</th>
                                            <th style="text-align: center">{!!trans('Application Number')!!}</th>
                                            <th style="text-align: center">{!!trans('Service Name')!!}</th>
                                            <th style="text-align: center">{!! 'Country' !!}</th>
                                            <th style="text-align: center">{!! 'Application Status' !!}</th>
                                        </tr>
                                    </thead>
                                    <tbody>