@extends('layouts.organization.app')
@section('content')
<style>
    .lable-danger{
        background-color: #d9534f;
        color: #fff;
        padding: 0.2em 0.6em 0.3em;
        border-radius: 0.8em;
        font-size: 14px;
        white-space: nowrap;
    }
    .lable-success{
        background-color: #5cb85c;
        color: #fff;
        padding: 0.2em 0.6em 0.3em;
        border-radius: 0.8em;
        font-size: 14px;
        white-space: nowrap;
    }
    a:hover {
        color: #fff;
        text-decoration: none;
    }
    #leave_data td{
        border: 1px solid #80808036 !important;
    }
    .tbl-border th{
        border: 1px solid #80808036 !important;
    }
    @media (min-width: 992px){
        .modal-lg, .modal-xl {
            max-width: 1000px;
        }
    }
    .dropdown .dropdown-menu{
        box-shadow: 0px 1px 15px 1px rgb(0 0 0 / 35%);
    }
    .create {
        margin-top:-24px;
    }
    .create a.hover{ color:4d4d4d;text-decoration:none; }

</style>
<div class="main-panel">
    <div class="content-wrapper">
        <form action="" method="POST" class="row">
        @csrf
 
        </form>
        <div class="row">
            <div class="col-12 grid-margin stretch-card">
                <div class="card">
                    <div class="card-header card-height">
                        <div class="row">
                            <div class="col-md-12 col-12">
                                <h5 class="" id="getCameraSerialNumbers">Shared Offer Letter</h5>
                                 <!-- <div class="create_link" align="right" style="margin-top:-24px; color: #4d4d4d;text-decoration: none; "><a href="">Create New</a></div> -->
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <table id="examples" class="display" style="width:100%">
                            <thead>
                                <tr>
                                    <th>Sr No.</th>
                                    <th>Name</th>
                                    <th>Email</th> 
                                    <th>Position</th>
                                    <th>Mobile</th>
                                    <th>Referd By Mangr Name</th>                                
                                    <th>Resume</th> 
                                    <th>Request Date</th> 
                                    
                                </tr>
                            </thead>
                            <tbody>

                            @if(!empty($offerletters))
                                @foreach($offerletters as $row)
                                <tr>
                                    <td>{{$loop->iteration}}</td>
                                    <td>{{$row->name}} </td>
                                    <td>{{$row->email}}</td>
                                    <td>{{$row->position}}</td>
                                    <td>{{$row->mobile}}</td>
                                    <td>{{$row->manager_name}}</td> 
                                    <td>@if(!empty($row->resume))<a target="_blank" class="btn btn-primary btn-xs" href="{{url('public'.$row->resume)}}" download><i class="fa fa-download"></i></a>@endif</td>
                                    <td>{{date_format(date_create($row->created_at),"d-M-Y")}}</td>   
                                </tr>
                                @endforeach
                            @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(document).ready(function () {
        var datatable = $('#examples').dataTable({
        dom: 'Bfrtip',
        buttons: [
        'copy', 'csv', 'excel', 'pdf', 'print'
        ],
        });
    });
    function show_data(id){
        $('#candidate_id').val(id);
        $('.candidate_list').html($('#dx'+id).attr("data-name"));
        $('#exampless').dataTable().fnClearTable();
        $('#exampless').dataTable().fnDraw();
        $('#exampless').dataTable().fnDestroy();
        var datatable = $('#exampless').dataTable({
            ajax: "{{url('ajax/hiring-process-status')}}/"+id,
            columns: [
                {data:'id',
                    render: function (data, type, row, meta) {
                        return meta.row + 1;
                    }
                },
                {data:'name'},
                {data:'status'},
                {data:'status_remark'},
                {data: null,
                    mRender:function ( data, type, row ) {
                        return dateFormate(data.created_at);
                    }
                }
            ]
        });
    }
</script>

@endsection('content')