@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: .65rem 1.25rem !important;
        border-radius: 60px !important;
    }
    .modal-hr {
        margin-top: 2rem;
        margin-bottom: 2rem;
        border-top: 1px dashed rgba(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">
        
        
       
            @if($iprs->name == 'ceria')
            <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/'.$iprs->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($iprs->display_name) }}</u></h5>
                            <p class="card-texts">
                                {!! $iprs->description !!}
                            </p>
                        </div>
                        <div style="text-align: right; padding: 10px; border-top: thin solid #ddd">
                            
                                
                                <!-- start ceria -->
                                
                                    @php
                                    // SILA TUKAR TABLE NAME KE ceria 
                                        $layak = '';
                                        $permohonan = DB::connection()
                                            ->table('permohonan_ceria')
                                            ->where('id_permohonan', '=', Auth::user()->id)
                                            ->get();

                                            $layak = false;

                                            if (count($permohonan) <= 0){
                                                $layak = true;
                                            }else{
                                                $layak = false;
                                            }
                                            //dd($layak);

                                    @endphp

                                    @if(count($permohonan) != 0)

                                        @if($permohonan[0]->status == 0)
                                        <a href="{{ url('jmb/permohonan/ceria/daftar') }}" type="button" class="btn btn-success" data-toggle="m-tooltip" data-original-title="Daftar {{ $iprs->display_name }}" data-skin="dark">
                                            DAFTAR
                                        </a>
                                        @elseif($permohonan[0]->status == 1)
                                        <span class="m-badge m-badge--info m-badge--wide ipr-status">DITERIMA DAN SEDANG DIPROSES</span>
                                        <a href="{{ url('jmb/rumusan/'.$iprs->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>
                                        @elseif($permohonan[0]->status == 2)
                                        <span class="m-badge m-badge--success m-badge--wide ipr-status">LULUS</span>
                                        <a href="{{ url('jmb/rumusan/'.$iprs->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>
                                        @elseif($permohonan[0]->status == 3)
                                        <span class="m-badge m-badge--danger m-badge--wide ipr-status">GAGAL</span>
                                        <a href="{{ url('jmb/rumusan/'.$iprs->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>
                                        @endif
                                        
                                    @endif
                                
                                <!-- /ceria -->
                                
                               

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

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