@extends('layouts.master')

@section('pagecss')
<!-- DataTables -->
<link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/datatables-buttons/css/buttons.bootstrap4.min.css') }}">
@endsection

<!-- @section('pageheader')
<div class="content-header">
        <div class="container-fluid">
          <div class="row mb-2">
            <div class="col-sm-6">
              <h1 class="m-0">Contacts</h1>
            </div>
            <div class="col-sm-6">
              <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                <li class="breadcrumb-item active">Contacts</li>
              </ol>
            </div>
          </div>
        </div>
      </div>
@endsection -->

@section('content')

<!-- Content Wrapper. Contains page content -->

<!-- Main content -->
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">

                <div class="card">
                    <div class="card-header">
                        <!-- <h3 class="card-title">Contacts</h3> -->
                        <a class="btn btn-success" href="{{ route('candidates.create') }}">Create New Candidates</a>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        <table id="example1" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>No</th>
                                    <th>First Name</th>
                                    <th>Middle Name</th>
                                    <th>Last Name</th>
                                    <th>E-Mail</th>
                                    <th>2nd E-Mail</th>
                                    <th>Gender</th>
                                    <th>Website</th>
                                    <th>Home Phone</th>
                                    <th>Cell Phone</th>
                                    <th>Work Phone</th>
                                    <th>Upload Resume's</th>
                                    <th>Address</th>
                                    <th>City</th>
                                    <th>State</th>
                                    <th>Pin Code</th>
                                    <th>Best Time to Call</th>
                                    <th>Key Skills</th>
                                    <th>Current Pay</th>
                                    <th>Desired Pay</th>
                                    <th>Availble Date</th>
                                    <th>Notes</th>
                                    <!-- <th>Owner</th> -->
                                    <th width="280px">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($candidates as $candidate)
                                <tr>
                                    <td>{{ ++$i }}</td>
                                    <td>{{ $candidate->first_name  }}</td>
                                    <td>{{ $candidate->middle_name }}</td>
                                    <td>{{ $candidate->last_name  }}</td>
                                    <td>{{ $candidate->email1  }}</td>
                                    <td>{{ $candidate->email2  }}</td>
                                    <td>{{ $candidate->gender }}</td>
                                    <td>{{ $candidate->website }}</td>
                                    <td>{{ $candidate->phone_home  }}</td>
                                    <td>{{ $candidate->phone_cell  }}</td>
                                    <td>{{ $candidate->phone_work  }}</td>
                                    <td>{{ $candidate->resume }}</td>
                                    <td>{{ $candidate->address  }}</td>
                                    <td>{{ $candidate->city }}</td>
                                    <td>{{ $candidate->state }}</td>
                                    <td>{{ $candidate->pincode }}</td>
                                    <td>{{ $candidate->best_time_to_call }}</td>
                                    <td>{{ $candidate->key_skills  }}</td>
                                    <td>{{ $candidate->current_pay }}</td>
                                    <td>{{ $candidate->desired_pay }}</td>
                                    <td>{{ $candidate->date_available }}</td>
                                    <td>{{ strip_tags( $candidate->notes ) }}</td>
                                    <!-- <td>{{ $candidate->owner  }}</td> -->
                                    <td>
                                        <form action="{{ route('candidates.destroy',$candidate->candidate_id) }}" method="POST">
                                            <a class="btn btn-info" href="{{ route('candidates.show',$candidate->candidate_id) }}">Show</a>

                                            @can('candidates-edit')
                                            <a class="btn btn-primary" href="{{ route('candidates.edit',$candidate->candidate_id) }}">Edit</a>
                                            @endcan

                                            @csrf
                                            @method('DELETE')
                                            @can('candidates-delete')
                                            <button type="submit" class="btn btn-danger">Delete</button>
                                            @endcan
                                        </form>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th>No</th>
                                    <th>First Name</th>
                                    <th>Middle Name</th>
                                    <th>Last Name</th>
                                    <th>E-Mail</th>
                                    <th>2nd E-Mail</th>
                                    <th>Gender</th>
                                    <th>Website</th>
                                    <th>Home Phone</th>
                                    <th>Cell Phone</th>
                                    <th>Work Phone</th>
                                    <th>Upload Resume's</th>
                                    <th>Address</th>
                                    <th>City</th>
                                    <th>State</th>
                                    <th>Pin Code</th>
                                    <th>Best Time to Call</th>
                                    <th>Key Skills</th>
                                    <th>Current Pay</th>
                                    <th>Desired Pay</th>
                                    <th>Availble Date</th>
                                    <th>Notes</th>
                                    <!-- <th>Owner</th> -->
                                    <th width="280px">Action</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                    <!-- /.card-body -->
                </div>
                <!-- /.card -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
</section>
<!-- /.content -->

<!-- /.content-wrapper -->

@endsection

@section('pagejs')
<!-- DataTables  & Plugins -->
<script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/jszip/jszip.min.js') }}"></script>
<script src="{{ asset('plugins/pdfmake/pdfmake.min.js') }}"></script>
<script src="{{ asset('plugins/pdfmake/vfs_fonts.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.colVis.min.js') }}"></script>
<!-- Page specific script -->

<script>
    $(function() {
        $("#example1").DataTable({
            "responsive": true,
            "lengthChange": false,
            "autoWidth": false,
            "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
        }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');
        $('#example2').DataTable({
            "paging": true,
            "lengthChange": false,
            "searching": false,
            "ordering": true,
            "info": true,
            "autoWidth": false,
            "responsive": true,
        });
    });
</script>

@endsection