@extends('layouts.data-entry')
@section('title','GIMS')
@section('styles')
<link rel="stylesheet" href="{{ asset('css/jquery.dataTables.min.css') }}">
<style>
    .button {
        background-color: #3077bb;
        border: none;
        color: white;
        padding: 5px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 10px;
    }

    .button:hover {
        background-color: #e68524;
    }

    .buttond {
        background-color: #db1709;
        border: none;
        color: white;
        padding: 5px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 10px;
    }

    .buttond:hover {
        background-color: #e68524;
    }
</style>

@endsection
@section('script')
<script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('js/jquery.sweetalert2.min.js') }}"></script>
<script>
    $('.rejectedbuilding').dataTable();
    $('.unallocatedbuilding').dataTable();
    $('.ataken').click(function() {
        var application_code = $(this).data('identification_code');
        $.ajax({
            url: "{{ route('building-inspection-reject_actiondelete') }}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                appli_code: application_code

            },
            success: function(response) {
                if (typeof(response) != "object") {
                    response = JSON.parse(response);
                }

                if (response.status) {
                    Swal.fire('success', 'Deleted successfully.', 'success').then(function() {
                        document.location.href = document.location.href;
                    });
                } else {
                    Swal.fire('error', response.msg, 'error').then(function() {
                        document.location.href = document.location.href;
                    });
                }
            }
        })
    });

    $(document).ready(function() {
        $('[data-toggle="tooltip"]').tooltip();
    });
</script>
@endsection
@section('content')

<div class="page-content fade-in-up">

    <div class="row">
        <div class="col-lg-12">
            <div class="ibox">
                <div class="ibox-head">
                    <div class="ibox-title">
                        <font size="2" color="#e68524">Rejected Building List</font>
                        <font size="2" color="#3077bb"> <i>(Inspection of Building rejected by Approver)</i></font>
                    </div>
                </div>
                <div class="ibox-body">

                    <table id="rejectedbuilding" class="rejectedbuilding table-striped table-hover">
                        <thead class="thead-dark">
                            <tr>
                                <th>Inspection Code</th>
                                <th>Department</th>
                                <th>Division</th>
                                <th>Field/Regional</th>
                                <th>Remarks</th>
                                <th>Action</th>

                            </tr>
                        </thead>
                        <tbody>
                            @if($rejectedinspection_data)
                            @foreach($rejectedinspection_data as $equip_data)
                            <tr>
                                <td>

                                    {{ $equip_data->inspection_code }}

                                </td>

                                <td>{{ @$equip_data->dept_dzo['dept_dzo_name'] }}</td>
                                <td>{{ @$equip_data->division['division_name'] }}</td>
                                <td>{{ @$equip_data->field_regional['field_regional_name'] }}</td>
                                <td>{{ @$equip_data->approver_remarks }}</td>
                                <td>

                                    <div class="dropdown">
                                        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
                                            Action button &nbsp;<i class="fa fa-sort-down"></i>
                                        </button>
                                        <div class="dropdown-menu">

                                            <a class="dropdown-item ataken" href="javascript:;" data-identification_code="{{ $equip_data->inspection_code }}" data-toggle="tooltip" title="Inspection Detail of the asset will be Deleted. You can re-initiate after deleting.">Delete &nbsp&nbsp&nbsp<i class="fa fa-trash" style="color:red" aria-hidden="true"></i></a>
                                        </div>
                                    </div>
                                </td>

                            </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table>
                    <div class="d-flex flex-row-reverse">
                        <div class="p-2 "> <a href="{{ route('buildinginspection.create') }}" class="button">
                                <i class="fa fa-plus"></i> Inspect Building
                            </a>
                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>
</div>



@endsection