@extends('layouts.admin')
@section('title','GIMS')
@section('styles')
<link rel="stylesheet" href="{{ asset('css/jquery.dataTables.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/buttons.dataTables.min.css')}}">
@endsection
@section('script')
<script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('js/pdfmake.min.js') }}"></script>
<script src="{{ asset('js/vfs_fonts.js') }}"></script>
<script src="{{ asset('js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('js/buttons.print.min.js') }}"></script>

<script>
    $('.registeredfieldregional').DataTable({
        dom: 'Bfrtip',
        buttons: [{
                extend: 'pdfHtml5',
                orientation: 'portrait',
                pageSize: 'A4',
                exportOptions: {
                    columns: [0, 1, 2, 3, 4]
                }
            },
            {
                extend: 'print',
                exportOptions: {
                    columns: [0, 1, 2, 3, 4]
                }
            },

            // 'copy',
            // 'excel',
            // 'csv',
            // 'pdf',
            // 'print'
        ]
    });
</script>
<script src="{{ asset('js/jquery.sweetalert2.min.js') }}"></script>
<script>
    $('.registeredfieldregional').dataTable();

    $(document).on('click', '.delete', function() {
        var ids = $(this).data('ids');

        $.ajax({
            url: "{{ route('fieldregional-delete') }}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                appli_code: ids

            },
            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;
                    });
                }
            }
        })
    });
</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">Registered Field Regional</div>
                    <a href="{{ route('fieldregional.create') }}" class="btn  btn-success">
                        <i class="fa fa-plus"></i> Add Field Regional
                    </a>
                </div>
                <div class="ibox-body">
                    <table id="example" class="registeredfieldregional table-striped table-hover">
                        <thead class="thead-dark">
                            <tr>
                                <th>ID</th>
                                <th>Agency </th>
                                <th>Department</th>
                                <th>Division</th>
                                <th>Field Regional</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>

                            @if(@$fieldregional_data)
                            @foreach(@$fieldregional_data as $key => $feild_regional_detail)
                            <tr>
                                <td>{{ @$feild_regional_detail->id}}</td>
                                <td>{{ @$feild_regional_detail->division->pullagencies_deptid['agencyies']->agency_name}}</td>
                                <td>{{ @$feild_regional_detail->division['dept_dzos']->dept_dzo_name }}</td>
                                <td>{{ @$feild_regional_detail->division['division_name'] }}</td>
                                <td>{{ @$feild_regional_detail->field_regional_name }}</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" href="{{ route('fieldregional.edit', $feild_regional_detail->id) }}">Edit &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-edit" style="color:Green" aria-hidden="true"></i></a>
                                            <a class="dropdown-item delete" href="javascript:;" data-ids="{{ $feild_regional_detail->id }}">Delete &nbsp&nbsp&nbsp&nbsp&nbsp&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>
            </div>
        </div>

    </div>

</div>
@endsection