@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
                            <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>
                                <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><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 class="active"><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>Pending Submissions</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("member-pending-submissions-check/".$appl->id) }}">Check Submissions</a>
                                            </div></td>
                                          </tr>
                                         @endforeach
                                         @else
                                         <tr>
                                            <p> No applicant data available </p>
                                        </tr>
                                         @endif
                                     </tbody>
                                   </table>

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


    @endsection

{{-- @section('js')
    <script src="{!! asset('public/js/tinymce/tinymce.min.js') !!}"></script>
    <script>
        tinymce.init({
            selector: 'textarea.fullEditor',
            height: 150,
            theme: 'modern',
            plugins: [
                "link image code fullscreen imageupload",
                'advlist autolink lists link image charmap print preview hr anchor pagebreak',
                'searchreplace wordcount visualblocks visualchars code fullscreen',
                'insertdatetime media nonbreaking save table contextmenu directionality',
                'emoticons template paste textcolor colorpicker textpattern imagetools codesample toc'
            ],
            toolbar1: "undo redo | bold italic | bullist numlist outdent indent | link image | imageupload | code | fullscreen |alignleft aligncenter alignright alignjustify | styleselect | insert",
            toolbar2: 'print preview media | forecolor backcolor emoticons | codesample',
            relative_urls: false
        });

        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function (e) {
                    $('#preview').fadeIn(1000);
                    $('#preview').attr('src', e.target.result);
                }
                reader.readAsDataURL(input.files[0]);
            }
        }

        $("#imgupload").change(function(){
            readURL(this);
        });

    </script>

@endsection --}}