@extends('layouts.app')

@section('title', 'Home')
@section('permohonan', 'm-menu__item--active')


@section('css') 
<style>
    @import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');
    @import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

    .cards {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
    }
    .card--1 .card__img, .card--1 .card__img--hover {
        background-position: top;
    }
    .card--2 .card__img, .card--2 .card__img--hover {
        background-position: top;
    }
    .card--3 .card__img, .card--3 .card__img--hover {
        background-position: top;
    }
    .card--4 .card__img, .card--4 .card__img--hover {
        background-position: top;
    }
    .card--5 .card__img, .card--5 .card__img--hover {
        background-position: center;
    }
    .card--6 .card__img, .card--6 .card__img--hover {
        background-position: top;
    }
    .card__like {
        width: 18px;
    }
    .card__clock {
        width: 15px;
        vertical-align: middle;
        fill: #AD7D52;
    }
    .card__time {
        font-size: 12px;
        color: #AD7D52;
        vertical-align: middle;
        margin-left: 5px;
    }
    .card__clock-info {
        float: right;
    }
    .card__img {
        visibility: hidden;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: 235px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }
    .card__img--hover {
        transition: 0.2s all ease-out;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        position: absolute;
        height: 235px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        top: 0;
    }
    .card {
        flex: 1 1 400px;
        margin: 15px;
        transition: all .4s cubic-bezier(0.175, 0.885, 0, 1);
        background-color: #fff;
        width: 33.3%;
        position: relative;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0px 13px 10px -7px rgba(0, 0, 0,0.1);
    }
    .card:hover {
        box-shadow: 0px 30px 18px -8px rgba(0, 0, 0,0.1);
        transform: scale(1.10, 1.10);
    }
    .card__info {
        z-index: 2;
        background-color: #fff;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        padding: 16px 24px 24px 24px;
    }
    .card__category {
        font-family: 'Raleway', sans-serif;
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 2px;
        font-weight: 600;
        color: #000;
    }
    .card__title {
        margin-top: 5px;
        margin-bottom: 10px;
        font-family: 'Roboto Slab', serif;
    }
    .card__by {
        font-size: 12px;
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
    }
    .card__author {
        font-weight: 600;
        text-decoration: none;
        color: #AD7D52;
    }
    .card:hover .card__img--hover {
        height: 100%;
        opacity: 0.5;
    }
    .card:hover .card__info {
        background-color: transparent;
        position: relative;
    }
    .modal-hr {
        margin-top: 2rem;
        margin-bottom: 2rem;
        border-top: 1px dashed rgba(0,0,0,.3);
    }
</style>
@endsection

@section('content')
@role(['maker'])
    <div class="row">
        <div class="col-xl-12">
            <div class="m-stack m-stack--ver m-stack--desktop m-stack--demo">
                <div class="m-stack__item m-stack__item--center m-stack__item--middle text-center" onclick="showIPR('ipr_ditawarkan')" style="background-color: #716aca; color: white; cursor: pointer">
                    <div class="mb-2">
                        <i class="flaticon-layers" style="font-size: 40px"></i>
                    </div>
                    <h4>IPR Ditawarkan</h4>
                    @php
                        $ipr_ditawarkan = App\Profile::where('ic', Auth::user()->username)->count();
                        $ipr_ditawarkan = 0;
                        
                        $ptrs = 'tidak';
                        $pbss = 'tidak';
                        

                       

                        $profile_count = App\Profile::where('ic', Auth::user()->username)->count();

                        foreach ($iprs as $ipr) {
                           switch ($ipr->name) {
                                case 'ptrs':
                                    $ipr_ditawarkan = $ipr_ditawarkan + 1;
                                    $ptrs = 'ya';
                                break;

                                // case 'pbss':
                                    // $ipr_ditawarkan = $ipr_ditawarkan + 1;
                                    // $pbss = 'ya';
                                // break;

                                default:
                                break;
                        }

                            
                        }
                    @endphp
                    <div class="m-dropdown m-dropdown--inline m-dropdown--align-center">
                        <h3>{{ number_format($ipr_ditawarkan) }}</h3>
                        <div class="m-dropdown__wrapper" id="dropdown_ipr_ditawarkan">
                            <div class="m-dropdown__inner">
                                <div class="m-dropdown__body">
                                    <div class="m-dropdown__content">
                                        <ul class="m-nav">
                                            <li class="m-nav__section m-nav__section--first">
                                                <span class="m-nav__section-text" style="font-size: 14px">
                                                    IPR Ditawarkan
                                                </span>
                                            </li>

                                            @if($ptrs == 'ya')
                                                <li class="m-nav__item">
                                                    @php
                                                        $ipr = App\IPR::where('name', 'ptrs')->first();
                                                    @endphp
                                                    <a href="{{ url('maker/cluster/'.$ipr->Cluster->name) }}" class="m-nav__link" style="padding: 5px 0;">
                                                        <span class="m-nav__link-text">
                                                            {{ $ipr->display_name }}
                                                        </span>
                                                    </a>
                                                </li>
                                            @endif

                                            <!-- @if($pbss == 'ya')
                                                <li class="m-nav__item">
                                                    @php
                                                        $ipr = App\IPR::where('name', 'pbss')->first();
                                                    @endphp
                                                    <a href="{{ url('maker/cluster/'.$ipr->Cluster->name) }}" class="m-nav__link" style="padding: 5px 0;">
                                                        <span class="m-nav__link-text">
                                                            {{ $ipr->display_name }}
                                                        </span>
                                                    </a>
                                                </li>
                                            @endif -->
                                           
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="m-stack__item m-stack__item--center m-stack__item--middle text-center" onclick="showIPR('ipr_dimohon')" style="background-color: #36a3f7; color: white; cursor: pointer">
                    <div class="mb-2">
                        <i class="flaticon-file" style="font-size: 40px"></i>
                    </div>
                    <h4>IPR Dimohon</h4>

                    <div class="m-dropdown m-dropdown--inline m-dropdown--align-center">
                        @php
                           $ipr_dimohon_count = 0;
                            $ptrs = false;
                            $pbss = false;
                            

                            foreach ($iprs as $ipr) {
                                if($ipr->name == 'ptrs') {
                                    $get_id = App\PTRS\SchoolDetailPTRS::where('user_id', Auth::user()->id)->whereNull('status_sekolah')->count();
                                    
                                    if($get_id > 0) {
                                        $ipr_dimohon_count  = $ipr_dimohon_count  + 1;
                                        $ptrs = true;
                                    } else {
                                        $ptrs = false;
                                    }
                                }

                                if($ipr->name == 'pbss') {
                                    $get_id = App\PermohonanPbss::where('user_id', Auth::user()->id)->where('status_permohonan', 0)->orWhere('status_permohonan', 1)->count();

                                    if($get_id > 0) {
                                        $ipr_dimohon_count  = $ipr_dimohon_count  + 1;
                                        $pbss = true;
                                    } else {
                                        $pbss = false;
                                    }
                                }

                            }
                        @endphp
                        <h3 id="ipr_dipohon" style="cursor: pointer">{{ number_format($ipr_dimohon_count) }}</h3>
                        <div class="m-dropdown__wrapper" id="dropdown_ipr_dimohon">
                            <div class="m-dropdown__inner">
                                <div class="m-dropdown__body">
                                    <div class="m-dropdown__content">
                                        <ul class="m-nav" id="list_ipr_dipohon">
                                            <li class="m-nav__section m-nav__section--first">
                                                <span class="m-nav__section-text" style="font-size: 14px; color: #36a3f7">
                                                    IPR Dimohon
                                                </span>
                                            </li>
                                           
                                            @if($ptrs == true)
                                                <li class="m-nav__item">
                                                    @php
                                                        $ipr = App\IPR::where('name', 'ptrs')->first();
                                                    @endphp
                                                    <a href="{{ url('maker/cluster/'.$ipr->Cluster->name) }}" class="m-nav__link" style="padding: 5px 0;">
                                                        <span class="m-nav__link-text">
                                                            {{ $ipr->display_name }}
                                                        </span>
                                                    </a>
                                                </li>
                                            @endif

                                            <!-- @if($pbss == true)
                                                <li class="m-nav__item">
                                                    @php
                                                        $ipr = App\IPR::where('name', 'pbss')->first();
                                                    @endphp
                                                    <a href="{{ url('maker/cluster/'.$ipr->Cluster->name) }}" class="m-nav__link" style="padding: 5px 0;">
                                                        <span class="m-nav__link-text">
                                                            {{ $ipr->display_name }}
                                                        </span>
                                                    </a>
                                                </li>
                                            @endif -->

                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="m-stack__item m-stack__item--center m-stack__item--middle text-center" onclick="showIPR('ipr_lulus')" style="background-color: #34bfa3; color: white; cursor: pointer">
                    <div class="mb-2">
                        <i class="la la-check-circle" style="font-size: 40px"></i>
                    </div>
                    <h4>IPR Lulus</h4>
                    <div class="m-dropdown m-dropdown--inline m-dropdown--align-center">

                    @php
                        $ipr_lulus_count = 0;
                        $ptrs = 'gagal';
                        $pbss = 'gagal';

                     foreach($iprs as $ipr) {
                        
                        
                        if($ipr->name == 'ptrs') {
                            $get_id = App\PTRS\SchoolDetailPTRS::where('user_id', Auth::user()->id)->where('status_sekolah', '=', 'Lulus')->count();
                            
                            if($get_id > 0) {
                                $ipr_lulus_count  = $ipr_lulus_count  + 1;
                                $ptrs = 'berjaya';
                            } else {
                                $ptrs = 'gagal';
                            }
                        }

                        if($ipr->name == 'pbss') {
                            $get_id = App\PermohonanPbss::where('user_id', Auth::user()->id)->where('status_permohonan', 2)->count();
                            
                            if($get_id > 0) {
                                $ipr_lulus_count  = $ipr_lulus_count  + 1;
                                $pbss = 'berjaya';
                            } else {
                                $pbss = 'gagal';
                            }
                        }
                        
                    }
                    @endphp
                        <h3 style="cursor: pointer">{{ number_format($ipr_lulus_count) }}</h3>

                        <div class="m-dropdown__wrapper" id="dropdown_ipr_lulus">
                            <div class="m-dropdown__inner">
                                <div class="m-dropdown__body">
                                    <div class="m-dropdown__content">
                                        <ul class="m-nav">
                                            <li class="m-nav__section m-nav__section--first">
                                                <span class="m-nav__section-text" style="font-size: 14px; color: #34bfa3">
                                                    IPR Lulus
                                                </span>
                                            </li>

                                            @if($ptrs == 'berjaya')
                                                <li class="m-nav__item">
                                                    @php
                                                        $ipr = App\IPR::where('name', 'ptrs')->first();
                                                    @endphp
                                                    <a href="{{ url('maker/cluster/'.$ipr->Cluster->name) }}" class="m-nav__link" style="padding: 5px 0;">
                                                        <span class="m-nav__link-text">
                                                            {{ $ipr->display_name }}
                                                        </span>
                                                    </a>
                                                </li>
                                            @endif

                                            <!-- @if($pbss == 'berjaya')
                                                <li class="m-nav__item">
                                                    @php
                                                        $ipr = App\IPR::where('name', 'pbss')->first();
                                                    @endphp
                                                    <a href="{{ url('maker/cluster/'.$ipr->Cluster->name) }}" class="m-nav__link" style="padding: 5px 0;">
                                                        <span class="m-nav__link-text">
                                                            {{ $ipr->display_name }}
                                                        </span>
                                                    </a>
                                                </li>
                                            @endif -->


                                            
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="m-stack__item m-stack__item--center m-stack__item--middle text-center" onclick="showIPR('ipr_gagal')" style="background-color: #f4516c; color: white; cursor: pointer">
                    <div class="mb-2">
                        <i class="flaticon-cancel" style="font-size: 40px"></i>
                    </div>
                    <h4>IPR Ditolak</h4>
                    <div class="m-dropdown m-dropdown--inline m-dropdown--align-center">
                    @php
                        $ipr_ditolak_count = 0;
                        $ptrs = 'layak';
                        $pbss = 'layak';
                            

                    foreach($iprs as $ipr) {

                        if($ipr->name == 'ptrs') {
                            $get_id = App\PTRS\SchoolDetailPTRS::where('user_id', Auth::user()->id)->where('status_sekolah','=','Gagal')->count();
                            
                            if($get_id > 0) {
                                $ipr_ditolak_count  = $ipr_ditolak_count  + 1;
                                $ptrs = 'gagal';
                            } else {
                                $ptrs = 'layak';
                            }
                        }

                        if($ipr->name == 'pbss') {
                            $get_id = App\PermohonanPbss::where('user_id', Auth::user()->id)->where('status_permohonan', 3)->count();
                            
                            if($get_id > 0) {
                                $ipr_ditolak_count  = $ipr_ditolak_count  + 1;
                                $pbss = 'gagal';
                            } else {
                                $pbss = 'layak';
                            }
                        }
                    }

                    @endphp
                        <h3 style="cursor: pointer">{{ number_format($ipr_ditolak_count) }}</h3>
                        <div class="m-dropdown__wrapper" id="dropdown_ipr_gagal">
                            <div class="m-dropdown__inner">
                                <div class="m-dropdown__body">
                                    <div class="m-dropdown__content">
                                        <ul class="m-nav">
                                            <li class="m-nav__section m-nav__section--first">
                                                <span class="m-nav__section-text" style="font-size: 14px; color: #f4516c">
                                                    IPR Ditolak
                                                </span>
                                            </li>

                                            @if($ptrs == 'gagal')
                                                 <li class="m-nav__item">
                                                    @php
                                                        $ipr = App\IPR::where('name', 'ptrs')->first();
                                                    @endphp
                                                    <a href="{{ url('maker/cluster/'.$ipr->Cluster->name) }}" class="m-nav__link" style="padding: 5px 0;">
                                                        <span class="m-nav__link-text">
                                                            {{ $ipr->display_name }}
                                                        </span>
                                                    </a>
                                                </li>
                                            @endif

                                            <!-- @if($pbss == 'gagal')
                                                 <li class="m-nav__item">
                                                    @php
                                                        $ipr = App\IPR::where('name', 'pbss')->first();
                                                    @endphp
                                                    <a href="{{ url('maker/cluster/'.$ipr->Cluster->name) }}" class="m-nav__link" style="padding: 5px 0;">
                                                        <span class="m-nav__link-text">
                                                            {{ $ipr->display_name }}
                                                        </span>
                                                    </a>
                                                </li>
                                            @endif -->

                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xl-12">
            <section class="cards" style="display: flex;flex-wrap: wrap;">

                                @foreach ($clusters as $cluster)
                                    <article class="card card--{{ $count }}">
                        <div class="card__img" style="background-image: url('{{ asset('img/cluster/'.$cluster->name.'.jpg') }}');"></div>
                        <a href="{{ url('maker/cluster/'.$cluster->name) }}" class="card_link">
                            <div class="card__img--hover" style="background-image: url('{{ asset('img/cluster/'.$cluster->name.'.jpg') }}');"></div>
                        </a>
                        <div class="card__info">
                            <span class="card__category"> Inisiatif Peduli Rakyat</span>
                            <h3 class="card__title">{{ $cluster->display_name }}</h3>
                        </div>
                    </article>
                @endforeach

            </section>
        </div>
    </div>
@endrole
@endsection

@section('js')
<script>
    function showIPR(x) {
        $('#dropdown_'+x).toggle();
    }
</script>
@endsection