@extends('frontend.layouts.master')
@section('content')

        <!-- page-title -->
        <div class="cmt-page-title-row" style="background: url({{ asset("$breadcrumb->name") }});">
            <div class="cmt-page-title-row-inner">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-12">
                            <div class="page-title-heading">
                                <h2 class="title">{{ $page_name }}</h2>
                                {{-- <p>{{ $page_title }}</p> --}}
                            </div>
                            <div class="breadcrumb-wrapper">
                                <span>
                                    <a title="Homepage" href="{{ url('/') }}">Home</a>
                                </span>
                                <span>{{ $page_name }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- page-title end -->


    <!--site-main start-->
    <div class="site-main">

        <section class="cmt-row cmt-team-single-contents clearfix">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-5">
                        <div class="left-content pr-20 res-991-pr-0 res-991-pb-40">
                            @if (!empty($member->image))
                            <img class="img-fluid w-100" src="{{ asset("$member->image") }}" alt="{!! $member->first_name !!} {!! $member->last_name !!}" />
                            @else

                            @endif
                            <!-- {{-- <img class="img-fluid w-100" src="{{ asset("$member->image") }}" alt="{!! $member->first_name !!} {!! $member->last_name !!}" /> --}} -->
                            <div class="content-info pt-25 pl-25 pr-25 pb-25 box-shadow">
                                <div class="content-header mb-20">
                                    <h4 class="mb-0">{!! $member->first_name !!} {!! $member->last_name !!}</h4>
                                    <i>{!! $member->designation !!}</i>
                                </div>
                                <!-- <div class="cmt-horizontal_sep width-100 mt-25 mb-25"></div> -->
                                <ul class="social-icons circle social-hover cmt-textcolor-skincolor pb-10">
                                    @foreach ($social as $social)
                                        <li class="social-{{ strtolower($social->name) }}"><a class="tooltip-top" target="_blank" href="" data-tooltip="{{ $social->name }}"><i class="fa fa-{{ strtolower($social->name) }}" aria-hidden="true"></i></a></li>
                                    @endforeach
                                </ul>
                                <aside class="widget widget-nav-menu">
                                    <ul class="widget-menu p-0">
                                        <li><a href="{{ url("members-dashboard") }}">Member Profile</a></li>
                                        <li class="active"><a href="{{ url("list-applicants") }}">Applicants List</a></li>
                                        <li><a href="{{ url("member-application") }}">Application List</a></li>
                                        <li><a href="{{ url("member-payments") }}">Payment Info</a></li>
                                        <li><a href="{{ url("member-pending-submissions") }}">Pending Submissions</a></li>
                                    </ul>
                                </aside>
                                <div class="cmt-horizontal_sep width-100 mt-25 mb-25"> </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-8 col-md-7">
                        <div class="">
                            <h4>Applicants List</h4>
                            <a class="cmt-btn cmt-btn-size-xs cmt-btn-shape-round cmt-btn-style-fill cmt-icon-btn-right cmt-btn-color-dark"style="float: right;" href="{{ url("add-applicants/") }}">Add Applicant</a>
                            <h4>&nbsp;</h4>
                            <div class="table-responsive">
                                 <table class="table table-bordered table-striped">
                                     <thead>
                                        @if (count($applicants) > 0)
                                       <tr>
                                         <th class="text-center">Name</th>
                                         <th class="text-center">Email</th>
                                         <th class="text-center">Phone</th>
                                         <th class="text-center">Actions</th>
                                       </tr>
                                       @else

                                       @endif
                                     </thead>
                                     <tbody>
                                         @if (count($applicants) > 0)
                                         @foreach ($applicants as $appl)
                                         <tr>
                                            <td>{{ $appl->first_name }} {{ $appl->last_name }}</td>
                                            <td>{{ $appl->email }}</td>
                                            <td>{{ $appl->phone }}</td>
                                            <td><div class="text-center">
                                                <a class="cmt-btn cmt-btn-size-xs cmt-btn-shape-round cmt-btn-style-fill cmt-icon-btn-right cmt-btn-color-dark" href="{{ url("edit-applicants/".$appl->id) }}">Edit</a>
                                            </div></td>
                                          </tr>
                                         @endforeach
                                         @else
                                         <tr>
                                            <p> No applicant data available </p>
                                        </tr>
                                         @endif
                                     </tbody>
                                   </table>

                             </div>
                             {!! $application_list->appends(Input::all())->render() !!}
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </div><!--site-main end-->

@endsection