@extends('layouts.app')

@section('content')

        <div class="row text-right" style="margin-bottom: 4px;">
            <div class="col-md-12">
                <form class="form-inline" action="{{ route('resumes.report') }}" method="post">
                    @csrf
                    <div class="form-group">
                        <label class="sr-only" for="exampleInputAmount">Date Filter</label>
                        <input type="text" name="dateRange" id="dateRange" class="form-control" value="{{old('dateRange')}}"
                               autocomplete="off" placeholder="Filter for date ">

                    </div>
                    <button type="submit" class="btn btn-primary">Export</button>
                </form>
            </div>
        </div>

    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title">Resumes Acquired </h3>
        </div>
        <div class="panel-body">
            <table class="table table-striped ">
                <thead>
                <tr>
                    <th>S.No.</th>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Mobile</th>
                    <th>Experience</th>
                    <th>Current CTC</th>
                    <th>Expected CTC</th>
                    <th>Post</th>
                    <th>Action</th>

                </tr>
                </thead>
                <tbody>
                @forelse($careerResumes as $careerResume)
                    <tr>
                        <td>{{ $loop->index + $careerResumes->firstItem() }}</td>
                        <td>{{ $careerResume->name }} </td>
                        <td>{{ $careerResume->email }}</td>
                        <td>{{ $careerResume->mobile }}</td>
                        <td>{{ $careerResume->experience }}</td>
                        <td>{{ $careerResume->current_ctc }}</td>
                        <td>{{ $careerResume->expected_ctc }}</td>
                        <td>{{ $careerResume->career->name }}</td>
                        <td><a target="_blank" href="{{ $careerResume->resume ?? null }}" download data-toggle="tooltip"
                               title="Download Resume" class="btn btn-xs btn-dark"><i class="fa fa-download"></i></a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="8">No records found !</td>
                    </tr>
                @endforelse
                </tbody>

            </table>

            {{ $careerResumes->appends(request()->input())->links() }}
        </div>


        @endsection
        @push('css')
            <link rel="stylesheet" type="text/css"
                  href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css"/>
        @endpush
        @push('script')
            <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
            <script type="text/javascript"
                    src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
            <script>
                $(function () {
                    let dateRange = $('input[name="dateRange"]');
                    dateRange.daterangepicker({
                        autoUpdateInput: false,
                        maxDate: new Date(),
                        locale: {
                            cancelLabel: 'Clear'
                        }
                    });

                    dateRange.on('apply.daterangepicker', function (ev, picker) {
                        $(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY'));
                    });

                    dateRange.on('cancel.daterangepicker', function (ev, picker) {
                        $(this).val('');
                    });

                });
            </script>
    @endpush