@extends('layouts.dashboard')
@section('title', 'Selamat Datang | Monitoring Kelurahan')
@section('dashboard_content')
<div class="container-fluid container-fluid-spacing">
    <div class="content-header">
        <div class="row">
            <div class="col-sm-6">
                <nav aria-label="breadcrumb">
                    <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 == 'Camat')
                        <li class="breadcrumb-item"><a href="{{url('camat/home')}}"><i class="fas fa-home mr-1"></i>
                                Home</a></li>
                        @elseif(Auth::user()->role == 'Lurah')
                        <li class="breadcrumb-item"><a href="{{url('lurah/home')}}"><i class="fas fa-home mr-1"></i>
                                Home</a></li>
                        @elseif(Auth::user()->role == 'RW')
                        <li class="breadcrumb-item"><a href="{{url('rw/home')}}"><i class="fas fa-home mr-1"></i>
                                Home</a></li>
                        @elseif(Auth::user()->role == 'RT')
                        <li class="breadcrumb-item"><a href="{{url('rt/home')}}"><i class="fas fa-home mr-1"></i>
                                Home</a></li>
                        @endif
                    </ol>
                </nav>
            </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 & CAMAT -->
        @if(Auth::user()->role == 'Admin' || Auth::user()->role == 'Camat')
        <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>
                    <div class="row">
                        <div class="col-xl-4 col-12 mb-3">
                            <div class="avatar-upload">
                                @if(Auth::user()->role == 'Admin')
                                <form action="{{route('admin.updateAvatar', Auth::user()->id)}}" method="post"
                                    enctype="multipart/form-data">
                                    @elseif(Auth::user()->role == 'Camat')
                                    <form action="{{route('camat.updateAvatar', Auth::user()->id)}}" method="post"
                                        enctype="multipart/form-data">
                                        @endif
                                        @csrf
                                        @method('patch')
                                        <input type='file' id="imageUpload" accept=".png, .jpg, .jpeg" name="user_foto"
                                            required>
                                        <button type="submit" id="uploadButton" class="btn btn-primary btn-sm w-100"><i
                                                class="fas fa-save mr-2"></i>Simpan</button>
                                    </form>
                                    <div class="avatar-edit">
                                        <label for="imageUpload">@if(Auth::user()->user_foto == null)<i
                                                class="fas fa-plus"></i>@else<i
                                                class="fas fa-pencil-alt"></i>@endif</label>
                                    </div>
                                    <div class="avatar-preview shadow">
                                        <div id="imagePreview" @if(Auth::user()->user_foto == null)
                                            style="background-image:
                                            url({{asset('/images/dashboard/avatar-null.png')}});
                                            background-size: 125px;
                                            background-position: center 50px;
                                            background-repeat: no-repeat;"
                                            @else
                                            style="background:
                                            url({{asset('storage/images/users/'.Auth::user()->user_foto)}});background-size:
                                            cover;
                                            background-position: center;
                                            background-repeat: no-repeat;"
                                            @endif>
                                        </div>
                                    </div>
                            </div>
                        </div>

                        <div class="col-xl-8 col-12">
                            @if(Auth::user()->role == 'Admin')
                            Selamat datang Admin,
                            @elseif(Auth::user()->role == 'Camat')
                            Selamat datang rekan2 Camat,
                            @endif
                            <br>
                            Selamat menggunakan aplikasi ini semoga membawa manfaat
                        </div>
                    </div>
                </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">
                    @if(Auth::user()->role == 'Admin')
                    <p class="mx-0 my-0 card-heading"><i class="fas fa-paper-plane mr-2"></i> Data Diri</b></p>
                    @elseif(Auth::user()->role == 'Camat')
                    <p class="mx-0 my-0 card-heading"><i class="fas fa-paper-plane mr-2"></i> Profil Camat</b></p>
                    @endif
                    <div class="home-card-line mt-2 mb-3" style="width: 80px;"></div>
                    <p class="mx-0 my-2"><b>Username:</b> <span class="badge badge-primary">{{$admin->username}}</span>
                    </p>
                    <p class="mx-0 my-2"><b>NIK:</b> <span class="badge badge-primary">{{$admin->nik}}</span></p>
                    <p class="mx-0 my-2"><b>Email:</b>
                        @if($admin->email == null || $admin->email_status == 'Null')
                        <span class="badge badge-warning">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
                    </p>
                </div>
            </div>

            <div class="col-md-3 col-sm-6 col-12">
                @if(Auth::user()->role == 'Admin')
                <a href="{{url('admin/lurah')}}">
                    @elseif(Auth::user()->role == 'Camat')
                    <a href="{{url('camat/lurah')}}">
                        @endif
                        <div class="info-box bg-success">
                            <span class="info-box-icon"><i class="fas fa-chalkboard-teacher"></i></span>
                            <div class="info-box-content">
                                <span class="info-box-text">Total Kelurahan</span>
                                <span class="info-box-number">{{$lurah->count()}}</span>
                            </div>
                        </div>
                    </a>
            </div>

            <div class="col-md-3 col-sm-6 col-12">
                @if(Auth::user()->role == 'Admin')
                <a href="{{url('admin/rw')}}">
                    @elseif(Auth::user()->role == 'Camat')
                    <a href="{{url('camat/rw')}}">
                        @endif
                        <div class="info-box bg-info">
                            <span class="info-box-icon"><i class="fas fa-people-carry"></i></span>
                            <div class="info-box-content">
                                <span class="info-box-text">Total RW</span>
                                <span class="info-box-number">{{$rw->count()}}</span>
                            </div>
                        </div>
                    </a>
            </div>

            <div class="col-md-3 col-sm-6 col-12">
                @if(Auth::user()->role == 'Admin')
                <a href="{{url('admin/rt')}}">
                    @elseif(Auth::user()->role == 'Camat')
                    <a href="{{url('camat/rt')}}">
                        @endif
                        <div class="info-box bg-secondary">
                            <span class="info-box-icon"><i class="fas fa-user-friends"></i></span>
                            <div class="info-box-content">
                                <span class="info-box-text">Total RT</span>
                                <span class="info-box-number">{{$rt->count()}}</span>
                            </div>
                        </div>
                    </a>
            </div>
        </div>

        <!-- TAMPILAN HOME LURAH -->
        @elseif(Auth::user()->role == 'Lurah')

        <!-- Edit Sekretaris & Seksi Pemerintah Lurah Modal -->
        <div class="modal fade" id="editpejabatlurah" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5><i class="fas fa-user"></i> Edit Sekretaris & Seksi Pemerintah Lurah :
                        </h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form action="{{route('lurah.updatePejabatLurah', $lurah->lurah_id)}}" method="post"
                            enctype="multipart/form-data">
                            @csrf
                            @method('patch')
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label for="lurah_sekretaris">Nama Sekretaris Lurah :</label>
                                    <input type="text"
                                        class="form-control @error('lurah_sekretaris') is-invalid @enderror"
                                        id="lurah_sekretaris" placeholder="Masukkan Nama Sekretaris lurah"
                                        name="lurah_sekretaris" value="{{$lurah->lurah_sekretaris}}" required>
                                    @error('lurah_sekretaris') <div class="invalid-feedback">{{$message}}</div>
                                    @enderror
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="lurah_kasie_pemerintahan">Nama Seksi Pemerintahan Lurah :</label>
                                    <input type="text"
                                        class="form-control @error('lurah_kasie_pemerintahan') is-invalid @enderror"
                                        id="lurah_kasie_pemerintahan" placeholder="Masukkan Nama Bendahara lurah"
                                        name="lurah_kasie_pemerintahan" value="{{$lurah->lurah_kasie_pemerintahan}}"
                                        required>
                                    @error('lurah_kasie_pemerintahan') <div class="invalid-feedback">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                            <button type="submit" class="btn btn-primary px-5">Simpan</button>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>

        <!-- Edit Kantor Lurah Modal -->
        <div class="modal fade" id="editkantorlurah" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5><i class="fas fa-user"></i> Edit Kantor ketua Lurah :</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form action="{{route('lurah.updateKantorLurah', $lurah->lurah_id)}}" method="post"
                            enctype="multipart/form-data">
                            @csrf
                            @method('patch')
                            <div id="mapHome" class="mb-5" style="height: 225px;"></div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label for="input_latitude">Latitude Kantor Lurah :</label>
                                    <input type="text"
                                        class="form-control @error('kantor_lurah_latitude') is-invalid @enderror"
                                        id="input_latitude" placeholder="Masukkan Latitude" name="kantor_lurah_latitude"
                                        value="{{$lurah->kantor_lurah_latitude}}" required>
                                    @error('kantor_lurah_latitude') <div class="invalid-feedback">{{$message}}</div>
                                    @enderror
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="input_longitude">Longitude Kantor Lurah :</label>
                                    <input type="text"
                                        class="form-control @error('kantor_lurah_longitude') is-invalid @enderror"
                                        id="input_longitude" placeholder="Masukkan Longitude"
                                        name="kantor_lurah_longitude" value="{{$lurah->kantor_lurah_longitude}}"
                                        required>
                                    @error('kantor_lurah_longitude') <div class="invalid-feedback">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                            <button type="submit" class="btn btn-primary px-5">Simpan</button>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>

        <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>{{$lurah->user->name}}</b></p>
                    <div class="home-card-line mt-2 mb-3" style="width: 150px;"></div>
                    <div class="row">
                        <div class="col-xl-4 col-12 mb-3">
                            <div class="avatar-upload">
                                <form action="{{route('lurah.updateAvatar', Auth::user()->id)}}" method="post"
                                    enctype="multipart/form-data">
                                    @csrf
                                    @method('patch')
                                    <input type='file' id="imageUpload" accept=".png, .jpg, .jpeg" name="user_foto"
                                        required>
                                    <button type="submit" id="uploadButton" class="btn btn-primary btn-sm w-100"><i
                                            class="fas fa-save mr-2"></i>Simpan</button>
                                </form>
                                <div class="avatar-edit">
                                    <label for="imageUpload">@if(Auth::user()->user_foto == null)<i
                                            class="fas fa-plus"></i>@else<i class="fas fa-pencil-alt"></i>@endif</label>
                                </div>

                                <div class="avatar-preview shadow">
                                    <div id="imagePreview" @if(Auth::user()->user_foto == null)
                                        style="background-image: url({{asset('/images/dashboard/avatar-null.png')}});
                                        background-size: 125px;
                                        background-position: center 50px;
                                        background-repeat: no-repeat;"
                                        @else
                                        style="background:
                                        url({{asset('storage/images/users/'.Auth::user()->user_foto)}});background-size:
                                        cover;
                                        background-position: center;
                                        background-repeat: no-repeat;"
                                        @endif>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xl-8 col-12">
                            Selamat datang rekan2 Lurah,
                            <br>
                            Selamat menggunakan aplikasi ini semoga membawa manfaat
                        </div>
                    </div>
                </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> Profil Lurah</b></p>
                    <div class="home-card-line mt-2 mb-3" style="width: 80px;"></div>
                    <p class="mx-0 my-2"><b>Username:</b> <span
                            class="badge badge-primary">{{$lurah->user->username}}</span></p>
                    <p class="mx-0 my-2"><b>NIK:</b> <span class="badge badge-primary">{{$lurah->user->nik}}</span></p>
                    <p class="mx-0 my-2"><b>Email:</b>
                        @if($lurah->user->email == null || $lurah->user->email_status == 'Null')
                        <span class="badge badge-warning">Belum Ditambahkan</span>
                        @elseif($lurah->user->email_status == 'Not Verified')
                        <span>{{$lurah->user->email}} <i class="fas fa-times px-1 py-1 text-danger"></i></span>
                        @else
                        <span>{{$lurah->user->email}} <i class="fas fa-check px-1 py-1 text-success"></i></span>
                        @endif
                    </p>
                    <p class="mx-0 my-2"><b>Lurah:</b> <span class="badge badge-primary">{{$lurah->user->name}}</span>
                    </p>
                    <p class="mx-0 my-2">
                        <b>Sekretaris:</b> <span class="badge badge-primary">{{$lurah->lurah_sekretaris}}</span>
                        @if($lurah->lurah_sekretaris == null)
                        <span class="badge badge-warning">Belum Ditambahkan</span>
                        <a href="#" class="text-sm text-primary" data-toggle="modal" data-target="#editpejabatlurah"><i
                                class="fas fa-plus ml-1"></i></a>
                        @else
                        <a href="#" class="text-sm text-primary" data-toggle="modal" data-target="#editpejabatlurah"><i
                                class="fas fa-pencil-alt ml-1"></i></a>
                        @endif
                    </p>
                    <p class="mx-0 my-2">
                        <b>Kasie Pemerintahan:</b>
                        <span class="badge badge-primary">{{$lurah->lurah_kasie_pemerintahan}}</span>
                        @if($lurah->lurah_kasie_pemerintahan == null)
                        <span class="badge badge-warning">Belum Ditambahkan</span>
                        <a href="#" class="text-sm text-primary" data-toggle="modal" data-target="#editpejabatlurah"><i
                                class="fas fa-plus ml-1"></i></a>
                        @else
                        <a href="#" class="text-sm text-primary" data-toggle="modal" data-target="#editpejabatlurah"><i
                                class="fas fa-pencil-alt ml-1"></i></a>
                        @endif
                    </p>
                    <p class="mx-0 my-2">
                        <b>Kantor Lurah:</b> <span class="badge badge-primary">{{$lurah->kantor_lurah_latitude}} /
                            {{$lurah->kantor_lurah_longitude}}</span>
                        <a href="#" class="text-sm text-primary" data-toggle="modal" data-target="#editkantorlurah"><i
                                class="fas fa-pencil-alt ml-1"></i></a>
                    </p>
                </div>
            </div>
        </div>

        <div class="row">
            <!-- TAMPILAN DATA LURAH -->
            <div class="col-md-3 col-sm-6 col-12">
                <a href="{{url('lurah/rw')}}">
                    <div class="info-box bg-info">
                        <span class="info-box-icon"><i class="fas fa-people-carry"></i></span>
                        <div class="info-box-content">
                            <span class="info-box-text">Total RW</span>
                            <span class="info-box-number">{{$lurah->rw->count()}}</span>
                        </div>
                    </div>
                </a>
            </div>

            <div class="col-md-3 col-sm-6 col-12">
                <a href="{{url('lurah/rw')}}">
                    <div class="info-box bg-secondary">
                        <span class="info-box-icon"><i class="fas fa-user-friends"></i></span>
                        <div class="info-box-content">
                            <span class="info-box-text">Total RT</span>
                            <span class="info-box-number">{{$lurah->rt->count()}}</span>
                        </div>
                    </div>
                </a>
            </div>

            <!-- TAMPILAN KANTOR LURAH -->
            <div class="col-xl-12 col-12">
                @if($lurah->kantor_lurah_latitude == 0 || $lurah->kantor_lurah_longitude == 0)
                <div class="alert alert-warning"><i class="fas fa-exclamation-circle mr-2"></i>Kantor Lurah Belum
                    Ditambahkan</div>
                @else
                <div class="card card-info px-0 py-0">
                    <div class="card-header">
                        <h3 class="card-title"><i class="fas fa-map-marker-alt mr-2"></i>Kantor Lurah</h3>

                        <div class="card-tools">
                            <button type="button" class="btn btn-tool" data-card-widget="collapse"><i
                                    class="fas fa-minus"></i>
                            </button>
                        </div>
                    </div>
                    <div class="card-body px-0 py-0">
                        <div id="mapLurah" class="dashboard-map"></div>
                    </div>
                </div>
                @endif
            </div>
        </div>

        <!-- TAMPILAN HOME RW -->
        @elseif(Auth::user()->role == 'RW')

        <!-- Edit Sekretaris & Seksi Pemerintah RW Modal -->
        <div class="modal fade" id="editpejabatrw" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5><i class="fas fa-user"></i> Edit Sekretaris & Seksi Pemerintah RW :
                        </h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form action="{{route('rw.updatePejabatRw', $rw->rw_id)}}" method="post"
                            enctype="multipart/form-data">
                            @csrf
                            @method('patch')
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label for="rw_sekretaris">Nama Sekretaris RW :</label>
                                    <input type="text" class="form-control @error('rw_sekretaris') is-invalid @enderror"
                                        id="rw_sekretaris" placeholder="Masukkan Nama Sekretaris RW"
                                        name="rw_sekretaris" value="{{$rw->rw_sekretaris}}" required>
                                    @error('rw_sekretaris') <div class="invalid-feedback">{{$message}}</div>
                                    @enderror
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="rw_bendahara">Nama Bendahara RW :</label>
                                    <input type="text" class="form-control @error('rw_bendahara') is-invalid @enderror"
                                        id="rw_bendahara" placeholder="Masukkan Nama Bendahara RW" name="rw_bendahara"
                                        value="{{$rw->rw_bendahara}}" required>
                                    @error('rw_bendahara') <div class="invalid-feedback">{{$message}}</div> @enderror
                                </div>
                            </div>
                            <button type="submit" class="btn btn-primary px-5">Simpan</button>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>

        <!-- Edit Kantor RW Modal -->
        <div class="modal fade" id="editkantorrw" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5><i class="fas fa-user"></i> Edit Kantor ketua RW :</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form action="{{route('rw.updateKantorRw', $rw->rw_id)}}" method="post"
                            enctype="multipart/form-data">
                            @csrf
                            @method('patch')
                            <div id="mapHome" class="mb-5" style="height: 225px;"></div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label for="input_latitude">Latitude Kantor RW :</label>
                                    <input type="text"
                                        class="form-control @error('kantor_rw_latitude') is-invalid @enderror"
                                        id="input_latitude" placeholder="Masukkan Latitude" name="kantor_rw_latitude"
                                        value="{{$rw->kantor_rw_latitude}}" required>
                                    @error('kantor_rw_latitude') <div class="invalid-feedback">{{$message}}</div>
                                    @enderror
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="input_longitude">Longitude Kantor RW :</label>
                                    <input type="text"
                                        class="form-control @error('kantor_rw_longitude') is-invalid @enderror"
                                        id="input_longitude" placeholder="Masukkan Longitude" name="kantor_rw_longitude"
                                        value="{{$rw->kantor_rw_longitude}}" required>
                                    @error('kantor_rw_longitude') <div class="invalid-feedback">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                            <button type="submit" class="btn btn-primary px-5">Simpan</button>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>

        <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>{{$rw->user->name}}</b>
                    </p>
                    <div class="home-card-line mt-2 mb-3" style="width: 150px;"></div>
                    <div class="row">
                        <div class="col-xl-4 col-12 mb-3">
                            <div class="avatar-upload">
                                <form action="{{route('rw.updateAvatar', Auth::user()->id)}}" method="post"
                                    enctype="multipart/form-data">
                                    @csrf
                                    @method('patch')
                                    <input type='file' id="imageUpload" accept=".png, .jpg, .jpeg" name="user_foto"
                                        required>
                                    <button type="submit" id="uploadButton" class="btn btn-primary btn-sm w-100"><i
                                            class="fas fa-save mr-2"></i>Simpan</button>
                                </form>
                                <div class="avatar-edit">
                                    <label for="imageUpload">@if(Auth::user()->user_foto == null)<i
                                            class="fas fa-plus"></i>@else<i class="fas fa-pencil-alt"></i>@endif</label>
                                </div>

                                <div class="avatar-preview shadow">
                                    <div id="imagePreview" @if(Auth::user()->user_foto == null)
                                        style="background-image: url({{asset('/images/dashboard/avatar-null.png')}});
                                        background-size: 125px;
                                        background-position: center 50px;
                                        background-repeat: no-repeat;"
                                        @else
                                        style="background:
                                        url({{asset('storage/images/users/'.Auth::user()->user_foto)}});background-size:
                                        cover;
                                        background-position: center;
                                        background-repeat: no-repeat;"
                                        @endif>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xl-8 col-12">
                            Selamat datang rekan2 Ketua RW,
                            <br>
                            Selamat menggunakan aplikasi ini semoga membawa manfaat
                        </div>
                    </div>
                </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>
                    <p class="mx-0 my-2"><b>Username:</b> <span
                            class="badge badge-primary">{{$rw->user->username}}</span></p>
                    <p class="mx-0 my-2"><b>NIK:</b> <span class="badge badge-primary">{{$rw->user->nik}}</span></p>
                    <p class="mx-0 my-2"><b>Email:</b>
                        @if($rw->user->email == null || $rw->user->email_status == 'Null')
                        <span class="badge badge-warning">Belum Ditambahkan</span>
                        @elseif($rw->user->email_status == 'Not Verified')
                        <span>{{$rw->user->email}} <i class="fas fa-times px-1 py-1 text-danger"></i></span>
                        @else
                        <span>{{$rw->user->email}} <i class="fas fa-check px-1 py-1 text-success"></i></span>
                        @endif
                    </p>
                    <p class="mx-0 my-2"><b>Ketua RW:</b> <span class="badge badge-primary">{{$rw->user->name}}</span>
                    </p>
                    <p class="mx-0 my-2">
                        <b>Sekretaris:</b> <span class="badge badge-primary">{{$rw->rw_sekretaris}}</span>
                        @if($rw->rw_sekretaris == null)
                        <span class="badge badge-warning">Belum Ditambahkan</span>
                        <a href="#" class="text-sm text-primary" data-toggle="modal" data-target="#editpejabatrw"><i
                                class="fas fa-plus ml-1"></i></a>
                        @else
                        <a href="#" class="text-sm text-primary" data-toggle="modal" data-target="#editpejabatrw"><i
                                class="fas fa-pencil-alt ml-1"></i></a>
                        @endif
                    </p>
                    <p class="mx-0 my-2">
                        <b>Bendahara:</b> <span class="badge badge-primary">{{$rw->rw_bendahara}}</span>
                        @if($rw->rw_bendahara == null)
                        <span class="badge badge-warning">Belum Ditambahkan</span>
                        <a href="#" class="text-sm text-primary" data-toggle="modal" data-target="#editpejabatrw"><i
                                class="fas fa-plus ml-1"></i></a>
                        @else
                        <a href="#" class="text-sm text-primary" data-toggle="modal" data-target="#editpejabatrw"><i
                                class="fas fa-pencil-alt ml-1"></i></a>
                        @endif
                    </p>
                    <p class="mx-0 my-2">
                        <b>Kantor RW:</b> <span class="badge badge-primary">{{$rw->kantor_rw_latitude}} /
                            {{$rw->kantor_rw_longitude}}</span>
                        <a href="#" class="text-sm text-primary" data-toggle="modal" data-target="#editkantorrw"><i
                                class="fas fa-pencil-alt ml-1"></i></a>
                    </p>
                </div>
            </div>

            <!-- Total Data RW -->
            <div class="col-md-3 col-sm-6 col-12">
                <a href="{{url('rw/rt')}}">
                    <div class="info-box bg-secondary">
                        <span class="info-box-icon"><i class="fas fa-user-friends"></i></span>
                        <div class="info-box-content">
                            <span class="info-box-text">Total RT</span>
                            <span class="info-box-number">{{$rw->rt->count()}}</span>
                        </div>
                    </div>
                </a>
            </div>

            <!-- TAMPILAN KANTOR RW -->
            <div class="col-xl-12 col-12">
                @if($rw->kantor_rw_latitude == 0 || $rw->kantor_rw_longitude == 0)
                <div class="alert alert-warning"><i class="fas fa-exclamation-circle mr-2"></i>Kantor RW Belum
                    Ditambahkan</div>
                @else
                <div class="card card-info px-0 py-0">
                    <div class="card-header">
                        <h3 class="card-title"><i class="fas fa-map-marker-alt mr-2"></i> Kantor RW</h3>

                        <div class="card-tools">
                            <button type="button" class="btn btn-tool" data-card-widget="collapse"><i
                                    class="fas fa-minus"></i>
                            </button>
                        </div>
                    </div>
                    <div class="card-body px-0 py-0">
                        <div id="mapRw" class="dashboard-map"></div>
                    </div>
                </div>
                @endif
            </div>
        </div>
        @endif
    </div>
</div>
@endsection

@section('jsExternalAdd')
@if(Auth::user()->role == 'Lurah' || Auth::user()->role == 'RW')
<script>
    $(document).ready(function(){
            
        var mapHome = L.map("mapHome").setView([-6.182966, 106.856847], 14);
        
        L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw',
        {
        id: 'mapbox/streets-v11',
        minZoom: 3,
        maxZoom: 23,
        tileSize: 512,
        zoomOffset: -1,
        attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>'})
        .addTo(mapHome);
        
        var arcgisOnline = L.esri.Geocoding.arcgisOnlineProvider();
        
        L.esri.Geocoding.geosearch({
            providers: [
            arcgisOnline,
            L.esri.Geocoding.featureLayerProvider({
                url: 'https://services.arcgis.com/uCXeTVveQzP4IIcx/arcgis/rest/services/gisday/FeatureServer/0/',
                searchFields: ['Name', 'Organization'],
                label: 'GIS Day Events',
                bufferRadius: 5000,
                formatSuggestion: function (feature) {
                return feature.properties.Name + ' - ' + feature.properties.Organization;
                }
            })
            ]
        }).addTo(mapHome);
        
        var popup = L.popup();
        
        function onMapClick(e) {
            popup
                .setLatLng(e.latlng)
                .setContent("Lokasi (Lat, Long) : " + e.latlng.toString()+
                "<div class='mt-2' id='salinLongLat'><button type='button' class='btn btn-primary btn-sm d-block w-100'><i class='fas fa-copy mr-2'></i>Salin</button></div>"
                )
                .openOn(mapHome);

                $("#salinLongLat").click(function(){
                    $('#input_latitude').val(e.latlng.lat);
                    $('#input_longitude').val(e.latlng.lng);
                    $(this).html("<button type='button' class='btn btn-success btn-sm d-block w-100'><i class='fas fa-check mr-2'></i>Berhasil disalin</button>");
                });
        }
        
        mapHome.on("click", onMapClick);

            $('#editkantorlurah').on('shown.bs.modal', function(){
                setTimeout(function() {
                    mapHome.invalidateSize();
                }, 10);
            });

            $('#editkantorrw').on('shown.bs.modal', function(){
                setTimeout(function() {
                    mapHome.invalidateSize();
                }, 10);
            });
        });
</script>
@endif

@if(Auth::user()->role == 'Lurah')
<script>
    $(document).ready(function(){
            var mapLurah = L.map("mapLurah").setView([{{$lurah->kantor_lurah_latitude}}, {{$lurah->kantor_lurah_longitude}}], 17);

            L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw',
                {
                id: 'mapbox/streets-v11',
                maxZoom: 23,
                tileSize: 512,
                zoomOffset: -1,
                attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>'})
            .addTo(mapLurah);

            var arcgisOnline = L.esri.Geocoding.arcgisOnlineProvider();

            L.esri.Geocoding.geosearch({
                providers: [
                arcgisOnline,
                L.esri.Geocoding.featureLayerProvider({
                    url: 'https://services.arcgis.com/uCXeTVveQzP4IIcx/arcgis/rest/services/gisday/FeatureServer/0/',
                    searchFields: ['Name', 'Organization'],
                    label: 'GIS Day Events',
                    bufferRadius: 5000,
                    formatSuggestion: function (feature) {
                    return feature.properties.Name + ' - ' + feature.properties.Organization;
                    }
                })
                ]
            }).addTo(mapLurah);

            var KantorLurah = L.marker([{{$lurah->kantor_lurah_latitude}}, {{$lurah->kantor_lurah_longitude}}], {icon: kantorLurahIcon})
            .addTo(mapLurah)
            .bindPopup(`
            <h6><i class="fas fa-home"></i> Kantor Lurah {{$lurah->lurah_nama}}</h6>
            <hr>
            <p><i class="fas fa-map-marker-alt"></i> Lokasi Kantor ketua Lurah :
                <br>
                Lat({{$lurah->kantor_lurah_latitude}})
                <br>
                Long({{$lurah->kantor_lurah_longitude}})
                </p>
            <hr>
            <div><i class="fas fa-user-clock"></i> Diperbarui pada :
                <br>
                {{$lurah->updated_at->diffForHumans()}}</div>
            `, {maxWidth : 185});
        });
</script>
@elseif(Auth::user()->role == 'RW')
<script>
    $(document).ready(function(){
            var mapRw = L.map("mapRw").setView([{{$rw->kantor_rw_latitude}}, {{$rw->kantor_rw_longitude}}], 17);

            L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw',
                {
                id: 'mapbox/streets-v11',
                maxZoom: 23,
                tileSize: 512,
                zoomOffset: -1,
                attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>'})
            .addTo(mapRw);

            var arcgisOnline = L.esri.Geocoding.arcgisOnlineProvider();

            L.esri.Geocoding.geosearch({
                providers: [
                arcgisOnline,
                L.esri.Geocoding.featureLayerProvider({
                    url: 'https://services.arcgis.com/uCXeTVveQzP4IIcx/arcgis/rest/services/gisday/FeatureServer/0/',
                    searchFields: ['Name', 'Organization'],
                    label: 'GIS Day Events',
                    bufferRadius: 5000,
                    formatSuggestion: function (feature) {
                    return feature.properties.Name + ' - ' + feature.properties.Organization;
                    }
                })
                ]
            }).addTo(mapRw);

            var KantorRw = L.marker([{{$rw->kantor_rw_latitude}}, {{$rw->kantor_rw_longitude}}], {icon: kantorRwIcon})
            .addTo(mapRw)
            .bindPopup(`
            <h6><i class="fas fa-home"></i> Kantor RW {{$rw->rw_nama}}</h6>
            <hr>
            <p><i class="fas fa-map-marker-alt"></i> Lokasi Kantor ketua RW :
                <br>
                Lat({{$rw->kantor_rw_latitude}})
                <br>
                Long({{$rw->kantor_rw_longitude}})
                </p>
            <hr>
            <div><i class="fas fa-user-clock"></i> Diperbarui pada :
                <br>
                {{$rw->updated_at->diffForHumans()}}</div>
            `, {maxWidth : 185});
        });
</script>
@endif

@include('layouts.uploadImageJS')
@endsection