@extends('layouts.master')
@section('content')
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    
					 <div class="box">      
                        <div class="first-box">
                            <img src="{{ asset('images/settings.png') }}" />
                            <p style="width:100%">{{$type}} Submitted Candidates</p>
                        </div>        
                    </div>
				
                    <div class="card-body">
                       

                        <table class="table table-bordered table-striped table-responsive" id="listTableOrder">
							<tfoot class="show-footer-above">
                                 <tr>
                                    
                                    <th >First Name</th>
                                    <th >Last Name</th>
                                    <th >Email Address</th>
                                    <th >Pan Number</th>
                                    <th >Date</th>
                                   
                                </tr>
                            </tfoot>
                            <thead>
                                <tr>
                                    <th>First Name</th>
                                    <th>Last Name</th>
                                    <th>Email Address</th>
                                    <th>Pan Number</th>
                                    <th>Date</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($submitted as $data)
                                <tr>
                                  <td >{{$data->first_name}}</td>
                                    <td >{{$data->last_name}}</td>
                                    <td >{{$data->email1}}</td>
                                    <td >{{$data->pan_number}}</td>
                                    <td >{{$data->created_at}}</td>
                                  
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                       
                    </div>
                </div>
            </div>
        </div>
    </div>

</section>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
<script type="text/javascript">
    var datatableUrl = "{{ route('lists.index') }}";
    $(document).ready(function() {
        $(document).on("click", ".deleteentry", function() {
            var itemId = $(this).attr("data-itemId");
            $('#itemId').val(itemId);
        });
    });

    $('.otherFilter').change(function() {
        $('#statusFilterForm').submit();
    });
</script>
<script>
$(document).ready(function () {
    // Setup - add a text input to each footer cell
    $('#listTableOrder tfoot th').each(function (i, el) {
		
			var title = $(this).text();
			$(this).html('<input type="text" class="vancy1"/>');
		
		
    });
 
    // DataTable
    var table = $('#listTableOrder').DataTable({
		"bInfo" : false,
        initComplete: function () {
            // Apply the search
            this.api()
                .columns()
                .every(function () {
                    var that = this;
 
                    $('input', this.footer()).on('keyup change clear', function () {
                        if (that.search() !== this.value) {
                            that.search(this.value).draw();
                        }
                    });
                });
        },
    });
	
});
</script>
<style>
.show-footer-above {
  display: table-row-group;
}
.vancy1 {
    display: flex;
    align-items: center;
    justify-content: space-between !important;
    border-radius: 20px;
   
    font-size: 14px;
    font-family: sans-serif;
    padding: 0 20px;
    height: 38px;
    border-color: #becfda;
}
.dataTables_filter {
    margin-top: -92px!important;
}
.content-wrapper .content a{
    color: #050d9e;
}
</style>
@endsection
@section('pagejs')