@extends('frontend.layouts.app-dashboard')

@section('content')

<div class="mymsg-page-sec user-dashboard">
    <div class="container">
        <div class="row">
           
            <div class="col-lg-9 col-md-8">
                <div id="sucessMessageRead"></div>
                <div class="post-sub-sec">
                    <div class="msg-title">
                        <h5>Showing My Jobs</h5>
                    </div>
                    <div class="msg-table">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th scope="col" class="category">Category</th>
                                    <th scope="col" class="adName">Ad Name</th>
                                    <th scope="col" class="name">Name</th>
                                    <th scope="col" class="phone">Phone</th>
                                    <th scope="col" class="email">Email</th>
                                    <th scope="col" class="message">Message</th>
                                    <th scope="col" class="status">Resume</th>
                                    <th scope="col" class="action">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if( isset($resumes)  && count( $resumes ) > 0 )
                                    
                                    @foreach( $resumes as $resume )

                                        <tr>
                                            <td class="category">{{ $resume->module->title ?? 'N/A' }}</td>
                                            <td class="ad-name">{{ $resume->ad->title ?? 'N/A' }}</td>
                                            <td class="name">{{ $resume->name ?? '' }}</td>
                                            <td class="phone"> {{ $resume->phone ?? '' }}</td>
                                            <td class="email">{{ $resume->email ?? '' }}</td>
                                            <td class="message">{{ $resume->message ?? '' }}</td>
                                            <td class="resume"><a href="{{ esc_url( $resume->resume ) }}">Resume Link</a></td>
                                            <td class="action"><a href="javascript::void(0)" class="resume-remove" data-url="{{ route('user.resume.remove',$resume->id) }}"><i class="fa fa-trash"></i></a></td>
                                        </tr>

                                    @endforeach

                                 @else
                                    
                                    <tr>
                                        <td colspan="8"> No MY JOBS Available!</td>
                                    </tr>

                                @endif
                               
                            </tbody>
                        </table>
                    </div>
                </div>
                {!! $resumes->links() !!}
            </div>

           {{--  
           <div class="col-lg-3 col-md-4">
                <div class="user-filter-cat">
                    <div class="filter-title">
                        <h5 class=""> Filter Message </h5>
                    </div>
                    <div class="filter-content">

                        <form action="{{\Request::url()}}" method="GET" id="sidebarFilter">
                            
                            @include('frontend.user.sidebar.filter')

                        </form>

                    </div>
                </div>
            </div>
           
           --}} 
        </div>
    </div>
</div>

<div class="modal fade" id="remove-resume-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-body">
        <p>Are you sure to remove resume?</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <a href="#" class="btn btn-warning delete-resume">Delete</a>
      </div>
    </form>
    </div>
  </div>
</div>

@endsection

@section('scripts')

<script type="text/javascript">
    jQuery('.resume-remove').on('click',function(){
        jQuery('#remove-resume-modal').modal('show');
        jQuery('.delete-resume').attr( 'href', jQuery(this).attr('data-url'));
    });
</script>
    
@endsection