@extends('layouts.master')
@section('content')
<div class="top-bar">
    <div class="-intro-x breadcrumb mr-auto hidden sm:flex">
        <a href="">Application</a>
        <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="breadcrumb__icon feather feather-chevron-right">
           <polyline points="9 18 15 12 9 6"></polyline>
        </svg>
        <a href="" class="breadcrumb--active">Candidate</a>
     </div>
      {{-- <div class="intro-x relative mr-3 sm:mr-6">
    <a href=""><button type="button" class="btn btn-info">
     <span class="glyphicon glyphicon-search"></span>
    </button></a>
    </div> --}}
</div>
<div class="mt-4 card shadow-lg bg-white rounded h-75">
    <div class="card-body" style="background-color: white ;" >
        <div class="row" style="background: #f1f1f1;">
            <h2 class="formheading" style="margin-left: 10px;margin-top: 5px;font-size: 18px;font-weight: 400;color: saddlebrown;">Candidate Details</h2>
        </div>
        <br>
        <div class="row" style="margin-top: -20px;">
            <div class="col-sm-1"></div>
            <div class="col-sm-3 form-group" style="margin-left: 5px;">
                {!! Form::label('training_institute', 'Training Institute :', ['class'=>'']) !!}
                {!! Form::select('training_institute',[''=>'--Select--'],null,['class'=>'form-control','id'=>'training_institute','autocomplete'=>'off']) !!}
            </div>
            <div class="col-sm-3 form-group" style="margin-left: 5px;">
                {!! Form::label('course_name', 'Course :', ['class'=>'']) !!}
                {!! Form::select('course_name',[''=>'--Select--','Assistant Carpenter- wooden Furniture'=>'Assistant Carpenter- wooden Furniture','Domestic Data entry Operator'=>'Domestic Data entry Operator','DTH Set Top Box Installation & Service Technician'=>'DTH Set Top Box Installation & Service Technician',
                'Finisher'=>'Finisher',
                'Food & Beverage Service-Steward'=>'Food & Beverage Service-Steward',
                'Front Office Associate'=>'Front Office Associate',
                'LED Light Repair Technician'=>'LED Light Repair Technician',
                'Make-up artist'=>'Make-up artist',
                'Mutual Fund Agent'=>'Mutual Fund Agent',
                'Pedicurist and Manicurist'=>'Pedicurist and Manicurist',
                'TV Repair Technician'=>'TV Repair Technician',
                ],null,['class'=>'form-control','id'=>'course_name','autocomplete'=>'off']) !!}
            </div>
            <div class="col-sm-2 form-group" style="margin-left: 5px;">
                <button type="button" class="btn btn-primary" name="search" id="search" style="margin-top:30px;">Search</button>
            </div>
             <div class="col-sm-1 form-group" style="">
                <button type="button" class="btn btn-success" name="getExcel" id="getExcel" style="margin-top:30px;"><i class="fa fa-file-excel-o" aria-hidden="true"></i> Excel</button>
            </div>
        </div>
        <div class="table-responsive" id="show_div" style="width: 100%;display: none;">
            <table class="table table-striped table-bordered dataTable bt-data" style="width: 100%;"  id="tbl_of_candidate_details">
                <thead>
                    <tr>
                            <th style="width: 5%;">SL#</th>
                            <th style="width: 10%;"> Name</th>
                            <th style="width: 10%;"> Father Name</th>
                            <th style="width: 10%;"> Date Of Birth</th>
                            <th style="width: 10%;"> Sex</th>
                            <th style="width: 8%;"> Category</th>
                            <th style="width: 8%;"> Mobile No</th>
                            <th style="width: 5%;">&nbsp;&nbsp;ACTIONS&nbsp;&nbsp;</th>
                    </tr>
                </thead>
            </table>
        </div>
        {{-- <div class="row" style="margin-top: 20px;"> 
            <div class='col-sm-12'>                    
             <div class="form-group text-right permit">    
                {{ Form::button('EXCEL', ['class' => 'btn btn-info', 'type' => 'button','id'=>'EXCEL']) }}
             </div>
           </div>
        </div> --}}
    </div>
</div>
<script type="text/javascript">
     $(function () {
         get_all_training_institute();
         get_all_course();
        // get_all_candidate_details();
        $('#getExcel').click(function () {
            var token = "{{csrf_token()}}";
            var training_institute= $('#training_institute').val();
            var course_name= $('#course_name').val();
            var training_institute_txt = $("#training_institute option:selected").text();
            var course_name_text = $("#course_name option:selected").text();

             var  data= {'_token': token, 'training_institute': training_institute, 'course_name': course_name,'training_institute_txt':training_institute_txt,'course_name_text':course_name_text};
              redirectPost('getCandidateDetailsExcel',data); 
        });
         $("#search").click(function () {
             var training_institute = $("#training_institute").val();
             var course_name = $("#course_name").val();
             if(training_institute!='' && course_name!='') {
                $("#show_div").show();
                get_all_candidate_details();
             }
         });
    
     });
     function get_all_training_institute() {
        $.ajax({
            type: "post",
            url: "get_all_training_institute",
            data: {'_token':'{{csrf_token()}}'},
            dataType: "json",
            success: function(data){
                $("#training_institute").html('<option value="">--Select--</option>');
                $.each(data.options, function(key, value) {
                    $("#training_institute").append('<option value='+value.trainingdetails+'>'+value.trainingdetails+'</option>')
                });
            }
        });
     }
     function get_all_course() {
        $.ajax({
            type: "post",
            url: "get_all_course",
            data: {'_token':'{{csrf_token()}}'},
            dataType: "json",
            success: function(data){
                $("#course_name").html('<option value="">--Select--</option>');
                $.each(data.options, function(key, value) {
                    $("#course_name").append('<option value='+value.course_name+'>'+value.course_name+'</option>')
                });
            }
        });
     }
     function get_all_candidate_details() {
        var training_institute = $("#training_institute").val();
        var training_institute_txt = $("#training_institute option:selected").text();
        var course_name = $("#course_name").val();
        var course_name_text = $("#course_name option:selected").text();
        $("#tbl_of_candidate_details").dataTable().fnDestroy();
        $('#tbl_of_candidate_details').DataTable({
            "scrollX": true,
            "processing": true,
            "serverSide": true,
            "paging": true,
            "ajax": {
                type: "post",
                url: "get_all_candidate_details",
                data: {training_institute:training_institute,course_name:course_name,training_institute_txt:training_institute_txt,course_name_text:course_name_text,'_token': '{{csrf_token()}}'},
                dataSrc: "record_details",
            },
            "dataType": 'json',
            "columnDefs":
                [
                    {className: "table-text", "targets": "_all"},
                    {
                        "targets": 0,
                        "data": 'id',
                    },
                    {
                        "targets": 1,
                        "data": 'name',
                    },
                    {
                        "targets": 2,
                        "data": 'father',
                    },
                    {
                        "targets": 3,
                        "data": 'dob',
                    },
                    {
                        "targets": 4,
                        "data": 'sex',
                    },
                    {
                        "targets": 5,
                        "data": 'cast',
                    },
                    {
                        "targets": 6,
                        "data": 'mobile',
                    },
                    {
                        "targets": -1,
                        "data": 'action',
                        "searchable": false,
                        "sortable": false,
                        "render": function(data, type, full, meta) {
                            var str_btns = "";
                            str_btns += '<button type="button" class="btn btn-primary view_button" id="'+data.v+'"><i class="fa fa-eye" aria-hidden="true"></i></button>';
                            return str_btns;
                        }
                    }
                ],
                "order": [[1, 'asc']]
        });
     }
     var table = $('#tbl_of_candidate_details').DataTable();
        table.on('draw.dt', function(){
            $('.view_button').click(function () {
                var view_code = this.id;
                //  alert(view_code);
                var datas = {'view_code': view_code, '_token': '{{csrf_token()}}'};
                redirectPost_newTab('{{url("view_candidate_details")}}', datas);
            });
        });

        function redirectPost(url, data , method = 'post'){
    var form = document.createElement('form');
    form.method = method;
    form.action = url;
    for (var name in data) {
      var input = document.createElement('input');
      input.type = 'hidden';
      input.name = name;
      input.value = data[name];
      form.appendChild(input);
    }
    $('body').append(form);
    form.submit();
  }
</script>
@stop