@extends('layouts.dashboard')
@section('title', 'Selamat Datang | Monitoring Gambut')
@section('dashboard_content')
<div class="container-fluid container-fluid-spacing">
    <div class="content-header">
        <div class="row">
            <div class="col-sm-6">
                <ol class="breadcrumb">
                    @if(Auth::user()->role == 'Admin')
                    <li class="breadcrumb-item"><a href="{{url('admin/home')}}"><i class="fas fa-home mr-1"></i> Home</a></li>
                    @elseif(Auth::user()->role == 'Supervisor')
                    <li class="breadcrumb-item"><a href="{{url('supervisor/home')}}"><i class="fas fa-home mr-1"></i> Home</a></li>
                    @elseif(Auth::user()->role == 'Pekerja')
                    <li class="breadcrumb-item"><a href="{{url('pekerja/home')}}"><i class="fas fa-home mr-1"></i> Home</a></li>
                    @endif
                </ol>
            </div>
        </div>
    </div>

    <div class="content-body mt-3">
        @if(session('status'))
        <div class="alert alert-success"><i class="fas fa-check mr-2"></i>{{session('status')}}</div>
        @endif

        <!-- TAMPILAN HOME ADMIN -->
        @if(Auth::user()->role == 'Admin')
            <div class="row">
                <div class="col-xl-8 col-12">
                    <div class="col-md-12 home-card px-4 py-4 mb-3 shadow-sm">
                        <p class="mx-0 my-0 card-heading"><i class="fas fa-user mr-2"></i> Halo, <b>{{$admin->name}}</b></p>
                        <div class="home-card-line mt-2 mb-3" style="width: 150px;"></div>
                        Possimus pretium aut nonummy laoreet aliquid, class repellendus. Volutpat elementum eleifend, sequi? Fermentum donec, netus, sit taciti accusamus.
                    </div>
                </div>

                <div class="col-xl-4 col-12">
                    <div class="col-md-12 home-card card-border px-4 py-4 mb-3 shadow-sm">
                        <p class="mx-0 my-0 card-heading"><i class="fas fa-paper-plane mr-2"></i> Data Diri</b></p>
                        <div class="home-card-line mt-2 mb-3" style="width: 80px;"></div>
                        <span><b>NIK:</b> <span class="badge badge-primary">{{$admin->nik}}</span></span><br>
                        <span><b>Email:</b> 
                            @if($admin->email == null || $admin->email_status == 'Null')
                            <span class="badge badge-warning">Email Belum Ditambahkan</span>
                            @elseif($admin->email_status == 'Not Verified')
                            <span>{{$admin->email}} <i class="fas fa-times px-1 py-1 text-danger"></i></span>
                            @else
                            <span>{{$admin->email}} <i class="fas fa-check px-1 py-1 text-success"></i></span>
                            @endif
                        </span>
                    </div>
                </div>

                <div class="col-xl-3 col-12">
                    <a href="{{url('admin/desa')}}">
                        <div class="col-md-12 home-card list-desa px-4 py-4 mb-3 shadow">
                            <p class="mx-0 my-0 card-heading">Total Desa <span class="ml-2 px-3 py-2 card-icon shadow-sm">{{$desa->count()}}</span></p>
                        </div>
                    </a>
                </div>

                <div class="col-xl-3 col-12">
                    <a href="{{url('admin/supervisor')}}">
                        <div class="col-md-12 home-card list-supervisor px-4 py-4 mb-3 shadow">
                            <p class="mx-0 my-0 card-heading">Akun Supervisor <span class="ml-2 px-3 py-2 card-icon shadow-sm">{{$supervisor->count()}}</span></p>
                        </div>
                    </a>
                </div>

                <div class="col-xl-3 col-12">
                    <a href="{{url('admin/pekerja')}}">
                        <div class="col-md-12 home-card list-pekerja px-4 py-4 mb-3 shadow">
                            <p class="mx-0 my-0 card-heading">Akun Pekerja <span class="ml-2 px-3 py-2 card-icon shadow-sm">{{$pekerja->count()}}</span></p>
                        </div>
                    </a>
                </div>
            </div>

        <!-- TAMPILAN HOME SUPERVISOR -->
        @elseif(Auth::user()->role == 'Supervisor')
            <div class="row">
                <div class="col-xl-8 col-12">
                    <div class="col-md-12 home-card px-4 py-4 mb-3 shadow-sm">
                        <p class="mx-0 my-0 card-heading"><i class="fas fa-user mr-2"></i> Halo, <b>{{$supervisor->name}}</b></p>
                        <div class="home-card-line mt-2 mb-3" style="width: 150px;"></div>
                        Possimus pretium aut nonummy laoreet aliquid, class repellendus. Volutpat elementum eleifend, sequi? Fermentum donec, netus, sit taciti accusamus.
                    </div>
                </div>

                <div class="col-xl-4 col-12">
                    <div class="col-md-12 home-card card-border px-4 py-4 mb-3 shadow-sm">
                        <p class="mx-0 my-0 card-heading"><i class="fas fa-paper-plane mr-2"></i> Data Diri</b></p>
                        <div class="home-card-line mt-2 mb-3" style="width: 80px;"></div>
                        <span><b>NIK:</b> <span class="badge badge-primary">{{$supervisor->nik}}</span></span><br>
                        <span><b>Email:</b> 
                            @if($supervisor->email == null || $supervisor->email_status == 'Null')
                            <span class="badge badge-warning">Email Belum Ditambahkan</span>
                            @elseif($supervisor->email_status == 'Not Verified')
                            <span>{{$supervisor->email}} <i class="fas fa-times px-1 py-1 text-danger"></i></span>
                            @else
                            <span>{{$supervisor->email}} <i class="fas fa-check px-1 py-1 text-success"></i></span>
                            @endif
                        </span>
                    </div>
                </div>

                <div class="col-xl-3 col-12">
                    <a href="{{url('supervisor/desa')}}">
                        <div class="col-md-12 home-card list-desa px-4 py-4 mb-3 shadow">
                            <p class="mx-0 my-0 card-heading">Total Desa <span class="ml-2 px-3 py-2 card-icon shadow-sm">{{$desa->count()}}</span></p>
                        </div>
                    </a>
                </div>

                <div class="col-xl-3 col-12">
                    <a href="{{url('supervisor/pekerja')}}">
                        <div class="col-md-12 home-card list-pekerja px-4 py-4 mb-3 shadow">
                            <p class="mx-0 my-0 card-heading">Akun Pekerja <span class="ml-2 px-3 py-2 card-icon shadow-sm">{{$pekerja->count()}}</span></p>
                        </div>
                    </a>
                </div>
            </div>
            
        <!-- TAMPILAN HOME PEKERJA -->
        @elseif(Auth::user()->role == 'Pekerja')
            <div class="row">
                <div class="col-xl-8 col-12">
                    <div class="col-md-12 home-card px-4 py-4 mb-3 shadow-sm">
                        <p class="mx-0 my-0 card-heading"><i class="fas fa-user mr-2"></i> Halo, <b>{{$pekerja->name}}</b></p>
                        <div class="home-card-line mt-2 mb-3" style="width: 150px;"></div>
                        Possimus pretium aut nonummy laoreet aliquid, class repellendus. Volutpat elementum eleifend, sequi? Fermentum donec, netus, sit taciti accusamus.
                    </div>
                </div>

                <div class="col-xl-4 col-12">
                    <div class="col-md-12 home-card card-border px-4 py-4 mb-3 shadow-sm">
                        <p class="mx-0 my-0 card-heading"><i class="fas fa-paper-plane mr-2"></i> Data Diri</b></p>
                        <div class="home-card-line mt-2 mb-3" style="width: 80px;"></div>
                        <span><b>NIK:</b> <span class="badge badge-primary">{{$pekerja->nik}}</span></span><br>
                        <span><b>Email:</b> 
                            @if($pekerja->email == null || $pekerja->email_status == 'Null')
                            <span class="badge badge-warning">Email Belum Ditambahkan</span>
                            @elseif($pekerja->email_status == 'Not Verified')
                            <span>{{$pekerja->email}} <i class="fas fa-times px-1 py-1 text-danger"></i></span>
                            @else
                            <span>{{$pekerja->email}} <i class="fas fa-check px-1 py-1 text-success"></i></span>
                            @endif
                        </span>
                    </div>
                </div>

                <div class="col-xl-3 col-12">
                    <a href="{{url('pekerja/desa')}}">
                        <div class="col-md-12 home-card list-desa px-4 py-4 mb-3 shadow">
                            <p class="mx-0 my-0 card-heading">Total Desa <span class="ml-2 px-3 py-2 card-icon shadow-sm">{{$desa->count()}}</span></p>
                        </div>
                    </a>
                </div>
            </div>
        @endif
    </div>
</div>
@endsection