@extends('layouts.app')

@section('title', 'Permohonan '.strtoupper(App\IPR::where('name', $ipr->name)->pluck('name')[0]))
@section('permohonan', 'm-menu__item--active')
@section(App\Cluster::where('id', $ipr->cluster_id)->pluck('name')[0], 'm-menu__item--active')
@section(App\IPR::where('name', $ipr->name)->pluck('name')[0], 'm-menu__item--active')

@section('css')
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.6.1/css/buttons.dataTables.min.css">
<style>
    .range_inputs{
   display:none;
}
</style>
@endsection

@section('content')
@role(['super_admin','principal_admin','admin'])
    @if(Auth::user()->hasRole('super_admin') || Auth::user()->hasRole('principal_admin') || Auth::user()->hasRole('admin') && Auth::user()->ipr_id == App\IPR::where('name', 'rsku')->pluck('id')[0])
        <div class="row">
            <div class="col-lg-12">
                <div class="m-portlet m-portlet--mobile">
                    <div class="m-portlet__head">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    Permohonan {{ App\IPR::where('name', 'rsku')->pluck('display_name')[0] }}
                                </h3>
                            </div>
                        </div>
                    </div>
                    <div class="m-portlet__body">
                            <div class="col-md-12">
                                <form class="pull-right" action="" method="POST" role="search" >
                                    {{ csrf_field() }}
                                    <div class="input-group">
                                        <input type="text" class="form-control" name="q"
                                            placeholder="Search users"> <span class="input-group-btn">
                                            <button type="submit" class="btn btn-default">
                                                <span class="fa fa-search"></span>
                                            </button>
                                        </span>
                                    </div>
                                </form>
                            </div>
                            <div class="table-responsive">
                            <table class="table table-striped" id="example">
                                <thead>
                                    <tr>
                                        <th>Projek ID</th>
                                        <th>Nama Projek</th>
                                        <th>Projek Keterangan</th>
                                        <th>Pemaju</th>
                                        <th>Daerah</th>
                                        <th>Mukim</th>
                                        <th width="10%"></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($get_project as $i => $row)
                                    <tr>
                                        <td>{{$row->projek_id}}</td>
                                        <td>{{$row->projek_nama}}</td>
                                        <td>{{$row->projek_keterangan}}</td>
                                        <td>{{$row->projek_pemaju}}</td>
                                        <td>{{$row->projek_daerah}}</td>
                                        <td>{{$row->projek_mukim}}</td>
                                        <td>
                                            <div style="white-space:nowrap">
                                                <a href="javascript:;" data-toggle="modal" data-target="#maklumat_projek{{$row->projek_id}}" class="btn btn-success m-btn btn-sm m-btn m-btn--icon m-btn--pill" onclick="showDetail({{$row->projek_id}})"><span><i class="fa fa-info-circle"></i><span>Papar</span></span></a>
                                            </div>
                                        </td>
                                    </tr>
                                    @empty
                                        <tr>
                                            <td colspan="8">No record found...</td>
                                        </tr>
                                    @endforelse
                            </tbody>
                            </table>
                            </div>
                        </div>
                        <!--div class="row mt-3">
                            <div class="col-xl-12">
                                <a href="{{ url('http://43.252.213.159/lphs/www/index.php?id=4&page_id=9') }}" class="btn btn-info m-btn m-btn--custom m-btn--icon m-btn--air m-btn--pill">
                                    <span>
                                        <i class="la la-plus"></i>
                                        <span>
                                            Permohonan Baru
                                        </span>
                                    </span>
                                </a>
                            </div>
                        </div-->
                    </div>
                </div>
            </div>
        </div>
        {{-- Modal RSKU --}}
        @foreach($get_project as $projects)
        <div class="modal fade" id="maklumat_projek{{$projects->projek_id}}" tabindex="-1" role="dialog" aria-hidden="true" style="background-color: rgba(0, 0, 0,.6)">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">
                            {{ $ipr->display_name }}
                        </h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">
                                &times;
                            </span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="m-portlet__body">
                            <ul class="nav nav-tabs  m-tabs-line m-tabs-line--danger" role="tablist">
                                <li class="nav-item m-tabs__item">
                                    <a class="nav-link m-tabs__link active" data-toggle="tab" href="#maklumat_rsku{{$projects->projek_id}}" role="tab">
                                        <h5>Maklumat Permohonan</h5>
                                    </a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane active" id="maklumat_rsku{{$projects->projek_id}}" role="tabpanel">
                                    <div class="m-form__section m-form__section--first">
                                        <div class="col-md-12" style="background-color: #f4516c; color:white; padding:5px; text-align: center">
                                            <h5>Maklumat Permohonan</h5>
                                        </div>
                                        <br>
                                        <div class="form-group row">
                                            <div class="col-md-12">
                                                <label class="form-control-label">
                                                    Nama:
                                                </label>
                                                <input type="text" class="form-control" value="" readonly>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-md-6">
                                                <label class="form-control-label">
                                                    No KP:
                                                </label>
                                                <input type="text" class="form-control" value="" readonly>
                                            </div>
                                            <div class="col-md-6">
                                                <label class="form-control-label">
                                                    Jenis Hartanah:
                                                </label>
                                                <input type="text" class="form-control" value="" readonly>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-md-6">
                                                <label class="form-control-label">
                                                    Nama Hartanah:
                                                </label>
                                                <textarea type="text" class="form-control" rows="4" readonly></textarea>
                                            </div>
                                            <div class="col-md-6">
                                                <label class="form-control-label">
                                                    Keterangan:
                                                </label>
                                                <textarea type="text" class="form-control" rows="4" readonly></textarea>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-md-6">
                                                <label class="form-control-label">
                                                    Lokasi:
                                                </label>
                                                <input type="text" class="form-control" value="" readonly>
                                            </div>
                                            <div class="col-md-6">
                                                <label class="form-control-label">
                                                    Jenis Pajakan:
                                                </label>
                                                <input type="text" class="form-control" value="" readonly>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-md-6">
                                                <label class="form-control-label">
                                                    Status Permohonan:
                                                </label>
                                                <input type="text" class="form-control" value="" readonly>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endforeach
        {{-- End Modal --}}
        
    @endif
@endrole
@endsection

@section('js')
@role(['super_admin','principal_admin','admin'])
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>

    <script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.js"></script>

    <script src="https://cdn.datatables.net/buttons/1.6.1/js/dataTables.buttons.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.6.1/js/buttons.print.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.6.1/js/buttons.html5.min.js"></script>
    <script>

        $(document).ready(function() {
            $('#example').DataTable( {
                dom: 'Bfrtip',
                "searching": false,
                "paging": false,
                buttons: [
                    'copy', 'csv', 'excel', 'pdf', 'print'
                ]
            } );
        } );
    </script>
@endrole
@endsection