@extends('Training::backend.layouts.app')

@section('title', 'New joiner List')



@section('content')
    <!-- Page Content-->
    <div class="page-content-tab">
        <div class="container-fluid">
            <!-- Page-Title -->
            <div class="row">
                <div class="col-sm-12">
                    <div class="page-title-box">
                        <h4 class="page-title">New joiner List</h4>
                    </div>
                    <!--end page-title-box-->
                </div>
                <!--end col-->
            </div>
            <!--end row-->
            <!-- end page title end breadcrumb -->
            <div class="row">
                <div class="col-sm-12">
                    @if(session('success'))
                        <div id="mydiv" class="alert alert-success mt-3 text-center">
                            {{ session('success') }}
                        </div>
                    @endif

                    @if(session('error'))
                        <div id="mydiv" class="alert alert-danger mt-3 text-center">
                            {{ session('error') }}
                        </div>
                    @endif

                    <div class="card">
                        <div class="card-body">
                            <h4 class="mt-0 mb-0 header-title">Filter</h4>
                            <p class="text-muted mb-3">Search Trainee</p>
                            <form method="GET" class="form-horizontal form-wizard-wrapper"
                                  action="{{ route('admin.training.trainee_list') }}">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="text-bold-600 text-uppercase">Trainee Name</label>
                                            <input type="text" class="form-control" name="name"
                                                   value="{{ request()->name }}" placeholder="Trainee Name">
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="text-bold-600 text-uppercase">Trainee Phone</label>
                                            <input type="text" class="form-control" name="phone"
                                                   value="{{ request()->phone }}" placeholder="Trainee Phone">
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="text-bold-600 text-uppercase" for="jobId">Job Title</label>
                                            <select name="job" class="select2 form-control mb-3 custom-select"
                                                    id="jobId">
                                                <option selected disabled value="">Select</option>
                                                @foreach($jobLists as $jobList)
                                                    <option
                                                        value="{{ $jobList->id }}" {{ request()->job == $jobList->id ? 'selected' : '' }}>
                                                        {{ $jobList->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="text-bold-600 text-uppercase" for="batchId">Recruitment Batch</label>
                                            <select name="batch" class="select2 form-control mb-3 custom-select" id="batchId">
                                                <option selected disabled value="">Batch</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="text-bold-600 text-uppercase">From Date</label>
                                            <input type="text" class="form-control" name="startdate" value="{{ request()->startdate }}" placeholder="From Date">
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="text-bold-600 text-uppercase">To Date</label>
                                            <input type="text" class="form-control" name="enddate" value="{{ request()->enddate }}" placeholder="From Date">
                                        </div>
                                    </div>


                                    <div class="col-md-5">
                                        <div class="form-group">
                                            <a href="{{ route('admin.training.trainee_list') }}"
                                               class="btn btn-danger waves-effect waves-light mt-4 mr-2">
                                                <i class="ti-reload mr-2"></i>Clear
                                            </a>
                                            <button type="submit" class="btn btn-primary waves-effect waves-light mt-4">
                                                <i class="ti-search mr-2"></i>Filter Now
                                            </button>
                                            <button id="csvDownload" type="submit" name="download" value="1"
                                                    class="btn btn-success waves-effect waves-light mt-4 mr-2"><i
                                                    class="fas fa-download"></i> Download as Excel
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <!--end form-->
                        </div>
                        <!--end card-body-->
                    </div>
                    <!--end card-->
                </div>
                <!--end col-->
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-6 col-sm-6">
                                    <h4 class="mt-0 mb-4 header-title">Lists </h4>
                                </div>
                            </div>
                            <!-- end row -->
                            <div class="table-responsive">
                                <table id="datatable" class="table table-bordered dt-responsive nowrap w-100">
                                    <thead>
                                        <tr>
                                            <th>SL No.</th>
                                            <th>Name</th>
                                            <th>Phone</th>
                                            <th>Job</th>
                                            <th>Send SMS for Training</th>
                                            <th>Recruitment Batch</th>
                                            <th>Job Location</th>
                                            <th>Interested to attend Training</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($trainee_lists as $trainee)
                                    
                                        <tr>
                                            <td>{{ $loop->iteration ?? '' }}</td>
                                            <td>{{ $trainee->name ?? '' }}</td>
                                            <td>{{ $trainee->phone ?? '' }}</td>
                                            <td>{{ $trainee->candidate->selectedCandidate->jobs->jobTitle->name ?? 'N/A' }}</td>
                                            <td>
                                                @if(isset($trainee->training_notification) && ($trainee->training_notification->sending_sms == 'yes'))
                                                    <button class="btn btn-custom">Send SMS</button>
                                                @else
                                                    <button data-toggle="modal" data-target="#send_sms" class="btn btn-success update_trainee_id" data-trainee_id="{{ $trainee->selectedCandidate->candidate->user->id ?? '' }}">Send SMS</button>
                                                @endif
                                            </td>
                                            <td>{{ $trainee->candidate->selectedCandidate->batch_name ?? 'N/A' }}</td>
                                            <td>{{ $trainee->candidate->area->name ?? '' }}</td>
                                            <td>
                                            @if(isset($trainee->training_notification) && ($trainee->training_notification->is_interested == 'yes'))
                                            <a href="#" type="button" class="btn btn-custom" style="text-transform: capitalize;">{{ $trainee->training_notification->is_interested ?? '' }}</a>
                                            @elseif(isset($trainee->training_notification) && ($trainee->training_notification->is_interested == 'no'))
                                            <a href="#" class="btn btn-custom">{{ $trainee->training_notification->remarks ?? '' }}</a>
                                            @else
                                            <a href="#" data-toggle="modal" data-target="#training_status" type="button" class="btn btn-primary update_emp_id btn-sm mt-0 mb-3 px-3"  data-selected_name="{{ $trainee->name ?? '' }}" data-selected_id="{{ $trainee->id ?? '' }}">Interested to attend Training</a>
                                            @endif
                                            </td>
                                            <td>
                                                <form method="POST" action="{{ route('admin.training.trainee-status-update') }}">
                                                    <input name="user_id" type="hidden" value="{{$trainee->id}}" />
                                                    <input type="hidden" name="_token" id="csrf-token" value="{{ Session::token() }}" />
                                                        @if($trainee->status == 1)
                                                        <input name="status" type="hidden" value="0" />
                                                        <input type="submit" class="btn btn-success" value="Active" />
                                                        @else
                                                        <input type="submit" class="btn btn-danger" value="Inactive" />
                                                        <input name="status" type="hidden" value="1" />
                                                        @endif
                                                </form>
                                                
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div><!--end card-body-->
                    </div><!--end card-->
                </div><!--end col-->
            </div><!--end row-->
        </div>
        <div class="modal fade" id="training_status" tabindex="-1" role="dialog" aria-labelledby="training_status" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header border-bottom-0">
                        <h5 class="modal-title" id="exampleModalLabel">Status update</h5>
                        <button type="button" class="close" id="mod_cls" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>

                    <div class="modal-body">
                        <div class="card-body">

                            <form method="POST" action="{{ route('admin.training.trainee_interest') }}">
                                @csrf
                                <div class="form-group">
                                    <label class="input-label" for="department">Trainee Name <span class="text-danger">*</span></label>
                                    <input readonly type="text" id="user_name" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="validationCustom01" class="mb-2 text-bold-600 text-uppercase">Interested to attend Training<span class="text-danger">*</span> </label>
                                    <select class="form-control required" name="interested"  id="interested"  required>
                                        <option value="">Select</option>
                                        <option value="Yes">Yes</option>
                                        <option value="No">No</option>
                                    </select>
                                </div>

                                <div class="form-group" id="remarks">
                                    <label for="validationCustom01" class="mb-2 text-bold-600 text-uppercase">Remarks<span class="text-danger">*</span> </label>
                                    <select class="form-control" name="remarks"  >
                                        <option value="">Select Remarks</option>
                                        <option value="Not Interested for sales job">Not Interested for sales job</option>
                                        <option value="Exam Issue">Exam Issue</option>
                                        <option value="Won't Do this job for some personal issues">Won't Do this job for some personal issues</option>
                                        <option value="Sick, won't continue right now">Sick, won't continue right now</option>
                                        <option value="Have issues with phone/Phone Not Updated. Will continue">Have issues with phone/Phone Not Updated. Will continue</option>
                                        <option value="if buy new phone">if buy new phone</option>
                                        <option value="Will continue his previous job">Will continue his previous job</option>
                                        <option value="Family Issue, Won't join now">Family Issue, Won't join now</option>
                                        <option value="Phone Switched off">Phone Switched off</option>
                                        <option value="Mom in hospital, will join later">Mom in hospital, will join later</option>
                                        <option value="Wants some better opportunity">Wants some better opportunity</option>
                                        <option value="Got another job">Got another job</option>
                                        <option value="Will think about this job.">Will think about this job.</option>
                                        <option value="Call Not Received">Call Not Received</option>

                                    </select>
                                </div>

                                <button class="btn btn-primary" type="submit">Status Update</button>
                                <input readonly type="hidden" name="user_id" id="user_id" class="form-control">
                            </form>

                            <!--end form-->
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="modal fade" id="send_sms" tabindex="-1" role="dialog" aria-labelledby="send_sms" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header border-bottom-0">
                        <h5 class="modal-title" id="exampleModalLabel">Send SMS</h5>
                        <button type="button" class="close" id="mod_cls" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>

                    <div class="modal-body">
                        <div class="card-body">

                            <form method="POST" action="{{ route('admin.training.send_sms') }}">
                                @csrf
                                <div class="form-group">
                                    <label class="input-label" for="department">Training Date <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="training_date" placeholder="Training Date">
                                </div>
                                <div class="form-group">
                                    <label for="validationCustom01" class="mb-2 text-bold-600 text-uppercase">Address<span class="text-danger">*</span> </label>
                                    <textarea class="form-control" name="address">93 B, New Eskaton Road, Dhaka-1000, Bangladesh</textarea>
                                </div>

                                <button class="btn btn-primary" type="submit">Send Message </button>
                                <input readonly type="hidden" name="trainee_id" id="trainee_id" class="form-control">
                            </form>

                            <!--end form-->
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
        <!-- footer -->
    @include('admin.sections.footer')
    <!--end footer-->
    </div>
    <!-- end page content -->
@endsection

@push('js')
<script src="{{ asset('assets/admin/plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('assets/admin/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('assets/admin/plugins/moment/moment.js') }}"></script>
<script src="{{ asset('assets/admin/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js') }}"></script>

<script type="text/javascript">
    $(document).on('click', '.update_emp_id', function(e) {
        e.preventDefault();
        const id = $(this).data('selected_id');
        const name = $(this).data('selected_name');
        $('#user_id').val(id);
        $('#user_name').val(name);
    })

    $(document).ready(function(){
    $('.updateUser').click(function(){
        var clickBtnValue = $(this).val();
        alert(clickBtnValue); return false;

        $.ajax({
            type: "POST",
            url:  '{{ url("admin/salary/get_salary_type_by_grade")}}',
            data: {
                "_token": "{{ csrf_token() }}",
                id: grade_id,
                },
            success: function(result) {
                var obj = $.parseJSON(result);                
                //console.log(obj);
                $.each(obj, function (key, value) {                         
                    if(value.based_on == 'percent'){
                        if(value.calculate_from == 'gross'){
                            $('#rules_amount_'+value.id).val((val * value.percentage_value)/100);
                        }else{
                            $('#rules_amount_'+value.id).val((basic_val * value.percentage_value)/100);
                        }
                    }
                });

                
            }
        })

    });
});

    $(document).on('click', '.update_trainee_id', function(e) {
        e.preventDefault();
        const id = $(this).data('trainee_id');
        $('#trainee_id').val(id);
    })
    $(document).ready(function () {
        $('#remarks').hide();

        $('#interested').on('change', function(){
            var interest = $(this).val();
            if(interest == 'No'){
                $('#remarks').show();
            }else{
                $('#remarks').hide();
            }
        })

        getBatchUnderJob();

        $('#jobId').on('change', function () {
            getBatchUnderJob();
        });

        $('input[name="training_date"]').datetimepicker({format: 'YYYY-MM-DD'});
        $('input[name="startdate"]').datetimepicker({format: 'YYYY-MM-DD'});
        $('input[name="enddate"]').datetimepicker({format: 'YYYY-MM-DD'});

    });

    function getBatchUnderJob()
    {
        var job_id = $('#jobId').val();
        $('#batchId').empty();
        $('#batchId').append('<option value="">Batch</option>');
        if(job_id)
        {
            $.ajax({
                url: "{{ route('admin.candidates.jobBatches') }}",
                type: 'GET',
                data: {
                    "job_id": job_id
                },
                success: function (data) {
                    var current_batch_id = "{{ request()->batch }}";
                    $.each(data, function (key, value) {
                        if(current_batch_id == value.batch_id)
                        {
                            $('#batchId').append('<option value="' + value.batch_id + '" selected>' + value.batch_name + '</option>');
                        }
                        else
                        {
                            $('#batchId').append('<option value="' + value.batch_id + '">' + value.batch_name + '</option>');
                        }
                    });
                }
            });
        }
    }
</script>
@endpush