@extends('layouts.app') @section('title', $clusters->display_name) @section('permohonan', 'm-menu__item--active') @section(App\Cluster::where('id', $clusters->id)->pluck('name')[0], 'm-menu__item--active') @section('css')
<style>
    .col-md-2,
    .col-md-6,
    .col-md-10,
    .col-md-12 {
        padding-bottom: 0 !important;
    }
    .h5,
    h5 {
        font-size: 1.5rem;
        font-weight: 600;
    }
    .ipr-status {
        font-weight: 500 !important;
        font-size: 1rem !important;
        padding: 0.65rem 1.25rem !important;
        border-radius: 60px !important;
    }
    .modal-hr {
        margin-top: 2rem;
        margin-bottom: 2rem;
        border-top: 1px dashed rgba(0, 0, 0, 0.3);
    }
    table > thead > tr > th {
        font-size: 15px;
        font-weight: 500;
    }
    table > tbody > tr > td {
        font-size: 14px;
        font-weight: 400;
    }
</style>
@endsection @section('content')
<div class="row">
    <div class="col-xl-12">
        <h3>{{ $clusters->display_name }}</h3>
        <p style="font-size: 14px; font-weight: 400;">Sila klik pada IPR yang anda ingin memohon dan untuk keterangan lanjut</p>
    </div>
    <div class="col-xl-12">
        @foreach($iprs as $ipr) 
        
        @if($ipr->status == 'Active') 
        
        @if($ipr->name == 'ptrs')
        <div class="card mb-3">
            <div class="row" style="box-shadow: 0px 13px 10px -7px rgba(0, 0, 0, 0.1);">
                <div class="col-sm-3 col-md-3">
                    <img src="{{ asset('img/ipr/'.$ipr->name.'.png') }}" class="card-img" style="height: 100%; margin-top: 7.5px;" />
                </div>
                <div class="col-sm-9 col-md-9">
                    <div class="card-body" class="m-scrollable" data-scrollable="true" data-max-height="300" style="padding: 1.25rem 1.25rem 0 1.25rem;">
                        <h5 class="card-title"><u>{{ strtoupper($ipr->display_name) }}</u></h5>
                        <p class="card-texts">
                            {!! $ipr->description !!}
                        </p>
                    </div>
                    <div style="text-align: right; padding: 10px; border-top: thin solid #ddd;">
                        <a href="{{url('maker/permohonan/ptrs/home')}}" type="button" class="btn btn-success" data-toggle="m-tooltip" data-original-title="Daftar {{ $ipr->display_name }}" data-skin="dark">
                            MAKLUMAT LANJUT
                        </a>
                        <!-- <button type="button" class="btn m-btn--pill btn-info" data-toggle="m-tooltip" data-original-title="Papar Maklumat" data-skin="dark" onclick="showModal('{{ $ipr->name }}')">PUKAL - INFO</button> -->

                    </div>
                </div>
            </div>
        </div>
        @endif  

        <!-- @if($ipr->name == 'pbss')
        @php
        $permohonan = App\PermohonanPbss::where('ic_pemohon', '=', Auth::user()->username)->get();
        @endphp
        <div class="card mb-3">
            <div class="row" style="box-shadow: 0px 13px 10px -7px rgba(0, 0, 0, 0.1);">
                <div class="col-sm-3 col-md-3">
                    <img src="{{ asset('img/ipr/'.$ipr->name.'.png') }}" class="card-img" style="height: 100%; margin-top: 7.5px;" />
                </div>
                <div class="col-sm-9 col-md-9">
                    <div class="card-body" class="m-scrollable" data-scrollable="true" data-max-height="300" style="padding: 1.25rem 1.25rem 0 1.25rem;">
                        <h5 class="card-title"><u>{{ strtoupper($ipr->display_name) }}</u></h5>
                        <p class="card-texts">
                            {!! $ipr->description !!}
                        </p>
                    </div>
                    @if(count($permohonan) == 0)
                    <div style="text-align: right; padding: 10px; border-top: thin solid #ddd;">
                        <a href="{{ url('maker/permohonan/pbss/home') }}" type="button" class="btn btn-success" data-toggle="m-tooltip" data-original-title="Daftar {{ $ipr->display_name }}" data-skin="dark">
                            DAFTAR
                        </a>
                    @else
                    <div style="text-align: right; padding: 10px; border-top: thin solid #ddd;">
                        <a href="{{ url('maker/permohonan/pbss/home') }}" type="button" class="btn btn-success" data-toggle="m-tooltip" data-original-title="Daftar {{ $ipr->display_name }}" data-skin="dark">
                            DAFTAR DAN LIHAT STATUS
                        </a>
                    @endif
                        <a href="{{ url('maker/rumusan/'.$ipr->name) }}"
                            class="btn btn-outline-brand m-btn m-btn--icon m-btn--icon-only m-btn--custom m-btn--outline-2x m-btn--pill m-btn--air"
                            target="_blank"
                            data-toggle="m-tooltip"
                            data-original-title="Cetak"
                            data-skin="dark">
                            <i class="fa fa-print"></i>
                        </a>

                        
                    </div>
                </div>
            </div>
        </div>
        @endif -->

        @endif 

        @endforeach
    </div>
</div>
<!-- modal -->

<div class="modal fade" id="modal_ptrs" 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">PROGRAM TUISYEN RAKYAT SELANGOR</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">
                    <div class="tab-content">
                        <div class="tab-pane active" id="maklumat_ahli_ipb" role="tabpanel">
                            <div class="m-form__section m-form__section--first">
                                <div class="form-group row">
                                    <center><img src="{{ asset('img/ipr/ptrs.png') }}" class="card-img mb-3" style="height:100%;width:100%"></center>
                                    <p><h4>PROGRAM TUISYEN RAKYAT SELANGOR</h4></p>
                                    <p>Bantuan pendidikan berbentuk kelas tambahan (tuisyen) kepada para pelajar yang memperolehi keputusan yang sederhana atau lemah. Program ini dibuka kepada para pelajar yang berasal daripada keluarga yang berpendapatan bawah RM2,000.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
        </div>
    </div>
</div>

<!-- /modal -->
@endsection
@section('js')
<script>
    function showModal(x) {
        $('#modal_'+x).modal('show');
    }
</script>
@endsection