@extends('master')
@section('title', 'Detail Perumahan')
@section('header-konten')
    <div class="page-header page-header-light shadow">
        <div class="page-header-content d-lg-flex">
            <div class="d-flex">
                <h4 class="page-title mb-0">
                    Halaman - <span class="fw-normal">Detail Perumahan</span>
                </h4>

                <a href="#page_header"
                    class="btn btn-light align-self-center collapsed d-lg-none border-transparent rounded-pill p-0 ms-auto"
                    data-bs-toggle="collapse">
                    <i class="ph-caret-down collapsible-indicator ph-sm m-1"></i>
                </a>
            </div>
        </div>

        <div class="page-header-content d-lg-flex border-top">
            <div class="d-flex">
                <div class="breadcrumb py-2">
                    <a href="index.html" class="breadcrumb-item"><i class="ph-house"></i></a>
                    <a href="{{ url('/perumahan') }}" class="breadcrumb-item">Perumahan</a>
                    <span class="breadcrumb-item active">Detail Perumahan</span>
                </div>

                <a href="#breadcrumb_elements"
                    class="btn btn-light align-self-center collapsed d-lg-none border-transparent rounded-pill p-0 ms-auto"
                    data-bs-toggle="collapse">
                    <i class="ph-caret-down collapsible-indicator ph-sm m-1"></i>
                </a>
            </div>
        </div>
    </div>
    @include('perumahan.detail.head')
@endsection

@section('konten')
    <div class="d-flex align-items-stretch align-items-lg-start flex-column flex-lg-row">
        <div class="tab-content flex-fill order-2 order-lg-1">
            <div class="tab-pane fade active show" id="activity">
                <div class="card">
                    <div class="card-header d-sm-flex">
                        <h5 class="mb-0">Detail Perumahan</h5>
                        {{-- <div class="mt-2 mt-sm-0 ms-auto">
                            <a href="#" class="btn btn-primary border-transparent shadow">
                                <i class="ph-note-pencil me-2"></i>
                                Edit Detail
                            </a>
                        </div> --}}
                    </div>

                    <div class="card-body">
                        @php
                            $ubah = explode(',', Auth::user()->role->ubah);
                        @endphp
                        @if (in_array('23', $ubah))
                            <form action="{{ route('updateDetail') }}" method="POST" class="form" enctype="multipart/form-data">
                                @csrf
                                <input type="hidden" id="idperumahan" value="{{ $data->id_perumahan }}" name="id_perumahan">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="row mb-3">
                                            <label class="col-lg-2 col-form-label text-lg-end">Nama Perumahan: </label>
                                            <div class="col-lg-10">
                                                <textarea class="form-control" id="perumahan_ubah" name="perumahan">{{ $data->perumahan }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="row mb-3">
                                            <label class="col-lg-2 col-form-label text-lg-end">Lokasi: </label>
                                            <div class="col-lg-10">
                                                <textarea class="form-control" id="alamat_perumahan_ubah" name="alamat_perumahan">{{ $data->alamat_perumahan }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="row mb-3">
                                            <label class="col-lg-2 col-form-label text-lg-end">Jumlah MBR (Rencana): </label>
                                            <div class="col-lg-10">
                                                <input type="number" class="form-control" id="inp_mbr_rcn" name="inp_mbr_rcn" value="{{ $data->jml_mbr_rcn }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="row mb-3">
                                            <label class="col-lg-2 col-form-label text-lg-end">Jumlah Non MBR (Rencana): </label>
                                            <div class="col-lg-10">
                                                <input type="number" class="form-control" id="inp_nonmbr_rcn" name="inp_nonmbr_rcn" value="{{ $data->jml_nonmbr_rcn }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="row mb-3">
                                            <label class="col-lg-2 col-form-label text-lg-end">Jumlah MBR (Eksisting): </label>
                                            <div class="col-lg-10">
                                                <input type="number" class="form-control" id="inp_mbr_eks" name="inp_mbr_eks" value="{{ $data->jml_mbr_eks }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="row mb-3">
                                            <label class="col-lg-2 col-form-label text-lg-end">Jumlah Non MBR (Eksisting): </label>
                                            <div class="col-lg-10">
                                                <input type="number" class="form-control" id="inp_nonmbr_eks" name="inp_nonmbr_eks" value="{{ $data->jml_nonmbr_eks }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="row mb-3">
                                            <label class="col-lg-2 col-form-label text-lg-end">Jumlah Rumah Umum: </label>
                                            <div class="col-lg-10">
                                                <input type="number" class="form-control" id="inp_rumum" name="inp_rumum" value="{{ $data->jml_rmh_umum }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="row mb-3">
                                            <label class="col-lg-2 col-form-label text-lg-end">Jumlah Rumah Komersial: </label>
                                            <div class="col-lg-10">
                                                <input type="number" class="form-control" id="inp_rkom" name="inp_rkom" value="{{ $data->jml_rmh_komersial }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="text-end">
                                    <button type="submit" class="btn btn-primary">Simpan <i class="ph-paper-plane-tilt ms-2"></i></button>
                                </div>
                            </form>
                        @else
                            <form action="#" method="POST" class="" enctype="multipart/form-data">
                                @csrf
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="row mb-3">
                                            <label class="col-lg-2 col-form-label text-lg-end">Nama Perumahan: </label>
                                            <div class="col-lg-10">
                                                <textarea class="form-control" id="perumahan_ubah" name="perumahan" disabled>{{ $data->perumahan }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="row mb-3">
                                            <label class="col-lg-2 col-form-label text-lg-end">Lokasi: </label>
                                            <div class="col-lg-10">
                                                <textarea class="form-control" id="alamat_perumahan_ubah" name="alamat_perumahan" disabled>{{ $data->alamat_perumahan }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="row mb-3">
                                            <label class="col-lg-2 col-form-label text-lg-end">Jumlah MBR (Rencana): </label>
                                            <div class="col-lg-10">
                                                <input type="number" class="form-control" id="inp_mbr_rcn" name="inp_mbr_rcn" value="{{ $data->jml_mbr_rcn }}" disabled>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="row mb-3">
                                            <label class="col-lg-2 col-form-label text-lg-end">Jumlah Non MBR (Rencana): </label>
                                            <div class="col-lg-10">
                                                <input type="number" class="form-control" id="inp_nonmbr_rcn" name="inp_nonmbr_rcn" value="{{ $data->jml_nonmbr_rcn }}" disabled>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="row mb-3">
                                            <label class="col-lg-2 col-form-label text-lg-end">Jumlah MBR (Eksisting): </label>
                                            <div class="col-lg-10">
                                                <input type="number" class="form-control" id="inp_mbr_eks" name="inp_mbr_eks" value="{{ $data->jml_mbr_eks }}" disabled>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="row mb-3">
                                            <label class="col-lg-2 col-form-label text-lg-end">Jumlah Non MBR (Eksisting): </label>
                                            <div class="col-lg-10">
                                                <input type="number" class="form-control" id="inp_nonmbr_eks" name="inp_nonmbr_eks" value="{{ $data->jml_nonmbr_eks }}" disabled>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="row mb-3">
                                            <label class="col-lg-2 col-form-label text-lg-end">Jumlah Rumah Umum: </label>
                                            <div class="col-lg-10">
                                                <input type="number" class="form-control" id="inp_rumum" name="inp_rumum" value="{{ $data->jml_rmh_umum }}" disabled>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="row mb-3">
                                            <label class="col-lg-2 col-form-label text-lg-end">Jumlah Rumah Komersial: </label>
                                            <div class="col-lg-10">
                                                <input type="number" class="form-control" id="inp_rkom" name="inp_rkom" value="{{ $data->jml_rmh_komersial }}" disabled>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    @include('my_components.alertToast')
@endsection