@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-2"></div>
            <div class="col-sm-4 form-group" style="margin-left: 5px;">
                {!! Form::label('mobile_no', 'Mobile No :', ['class'=>'']) !!}
                {!! Form::text('mobile_no',null,['class' => 'form-control','id'=>'mobile_no', 'placeholder' => 'Enter Mobile No','autocomplete'=>'off','maxLength'=>'100']) !!}
            </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:29px;">Search</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>
</div>
<script type="text/javascript">
     $(function () {
         $("#search").click(function () {
             var mobile_no = $("#mobile_no").val();
             if(mobile_no!='') {
                 $("#show_div").show();
                list_of_candidate();
             }
         });
     });
     function list_of_candidate() {
        var mobile_no = $("#mobile_no").val();
        $("#tbl_of_candidate_details").dataTable().fnDestroy();
        $('#tbl_of_candidate_details').DataTable({
            "scrollX": true,
            "processing": true,
            "serverSide": true,
            "paging": true,
            "ajax": {
                type: "post",
                url: "list_of_candidate",
                data: {mobile_no:mobile_no,'_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 update_placement" id="'+data.v+'"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></button>';
                            return str_btns;
                        }
                    }
                ],
                "order": [[1, 'asc']]
        });
     }
     var table = $('#tbl_of_candidate_details').DataTable();
        table.on('draw.dt', function(){
            $('.update_placement').click(function () {
                var candidate_cd = this.id;
                //  alert(view_code);
                var datas = {'candidate_cd': candidate_cd, '_token': '{{csrf_token()}}'};
                redirectPost('{{url("update_placement_status")}}', datas);
            });
        });
</script>
@stop