@extends('hr_main')
@section('title', '| ' . $data['pageTitle'])
@section('content')

<div class="row">
    <div class="col-md-12">
        <div class="" style="">
            <div class="">

                <div class="panel panel-default" style="background-color:#708090;">
                    <div class="panel-heading" style="padding-bottom:0px">
                        <div class="panel-title">
                            <h2>{!! $data['pageTitle'] !!}</h2>
                        </div>

                        @if($data['addPermission'] == true)
                            <div class="panel-options">
                                <a href="{!! $data['addBtnUrl'] !!}" class="btn btn-info pull-right addViewBtn">
                                    {!! $data['addBtnLabel'] !!}
                                </a>
                            </div>
                        @endif

                        @if($data['deletePermission'] == true)
                            <div class="panel-options" style="margin-left: 10px; !important;">
                                <a href='javascript:;' onclick='deleteRecord();' class="btn btn-info pull-right addViewBtn">
                                {!! $data['deleteBtnLabel'] !!}
                                </a>
                            </div>
                        @endif

                        @if($data['editPermission'] == true)
                            <div class="panel-options">
                                <a href="{!! $data['editBtnUrl'] !!}" class="btn btn-info pull-right addViewBtn">
                                   {!! $data['editBtnLabel'] !!}
                                </a>
                            </div>
                        @endif
                    </div>

                    <div class="panel-body panelBodyView">
                        <table class="table table-striped table-bordered table-condensed first-col-dark" id="datatable">
                            <thead>
                                <tr>
                                    <th style="width:10%">Configurtaion Boss List</th>
                                </tr>
                            </thead>
                            @if(count($data['configurations']) != 0)
                                <tbody>
                                    @foreach($data['configurations']  as $configuration)
                                        <tr>
                                            <td style="background-color: white !important;">
                                                <ul style='color: black; list-style: none;'>
                                                    <li><b>Department:</b> {{ ($configuration->department != null) ? $configuration->department_name : 'All' }}</li>
                                                    <li><b>Designation:</b> {{ ($configuration->designation != null) ? $configuration->designation_name : 'All' }}</li>
                                                    <li><b>Employee:</b> {{ ($configuration->employee != null) ? $configuration->employee_id.' - '.$configuration->employee_name : 'All' }}</li>
                                                </ul>
                                            </tr>
                                        </tr>
                                    @endforeach
                                </tbody>
                            @endif
                        </table>
                    </div>
                </div>

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

<script>
function deleteRecord() {
    var val = confirm('Are you sure want to delete?');

    if(val == true) {   
        $.ajax({
            url: '../finalPayment/superBossConfiguration/delete',
            type: 'POST',
            dataType: 'json',
            data: {
                "_token": $('meta[name="_token"]').attr('content')
            },
            success: function(__response) {
                if(__response.status == true) {
                    toastr.success(__response.message);                        
                    setTimeout(function(){ location.reload(); }, 500);
                }
                else if(__response.status == false) {
                    toastr.error(__response.message);               
                }
                else {
                    alert("something went wrong");
                }
            },
            error: function(jqXhr, textStatus, errorThrown) {
                alert('Something went wrong');
            }
        });
    }
}
</script>
@endsection