@extends('master')
@section('title', 'Pengaturan Layer 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">Pengaturan Layer 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">Pengaturan Layer 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="card">
        <div class="card-header d-sm-flex">
            <h5 class="mb-0">layer</h5>
        </div>

        <div class="card-body">
            <table class="table datatable-basic table-bordered table-striped table-hover">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Layer</th>
                        <th class="text-center">Status</th>
                        <th class="text-center">Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1.</td>
                        <td>Batas Perumahan</td>
                        <td class="text-center">
                            @if ($data->geojson_batas_perumahan != null)
                                <span class="badge bg-success bg-opacity-10 text-success">Terupload</span>
                            @else
                                <span class="badge bg-secondary bg-opacity-10 text-secondary">Belum Terupload</span>
                            @endif
                        </td>
                        <td class="text-center">
                            <div class="d-inline-flex">
                                <div class="dropdown">
                                    <a href="#" class="text-body" data-bs-toggle="dropdown">
                                        <i class="ph-list"></i>
                                    </a>

                                    <div class="dropdown-menu dropdown-menu-end">
                                        <button href="" class="dropdown-item" data-bs-toggle="modal"
                                            data-bs-target="#modal_upload1">
                                            <i class="ph-upload-simple me-2"></i>
                                            Upload
                                        </button>
                                        <a href="{{ url('perumahan/layer/download/' . $data->id_perumahan . '/batas/' . $data->geojson_batas_perumahan) }}"
                                            class="dropdown-item">
                                            <i class="ph-download-simple me-2"></i>
                                            Download
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>2.</td>
                        <td>Persil Eksisting</td>
                        <td class="text-center">
                            @if ($data->geojson_persil_eksisting != null)
                                <span class="badge bg-success bg-opacity-10 text-success">Terupload</span>
                            @else
                                <span class="badge bg-secondary bg-opacity-10 text-secondary">Belum Terupload</span>
                            @endif
                        </td>
                        <td class="text-center">
                            <div class="d-inline-flex">
                                <div class="dropdown">
                                    <a href="#" class="text-body" data-bs-toggle="dropdown">
                                        <i class="ph-list"></i>
                                    </a>

                                    <div class="dropdown-menu dropdown-menu-end">
                                        <button href="" class="dropdown-item" data-bs-toggle="modal"
                                            data-bs-target="#modal_upload2">
                                            <i class="ph-upload-simple me-2"></i>
                                            Upload
                                        </button>
                                        <a href="{{ url('perumahan/layer/download/' . $data->id_perumahan . '/persil_eks/' . $data->geojson_persil_eksisting) }}"
                                            class="dropdown-item">
                                            <i class="ph-download-simple me-2"></i>
                                            Download
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>3.</td>
                        <td>Persil Rencana</td>
                        <td class="text-center">
                            @if ($data->geojson_persil_rencana != null)
                                <span class="badge bg-success bg-opacity-10 text-success">Terupload</span>
                            @else
                                <span class="badge bg-secondary bg-opacity-10 text-secondary">Belum Terupload</span>
                            @endif
                        </td>
                        <td class="text-center">
                            <div class="d-inline-flex">
                                <div class="dropdown">
                                    <a href="#" class="text-body" data-bs-toggle="dropdown">
                                        <i class="ph-list"></i>
                                    </a>

                                    <div class="dropdown-menu dropdown-menu-end">
                                        <button href="" class="dropdown-item" data-bs-toggle="modal"
                                            data-bs-target="#modal_upload3">
                                            <i class="ph-upload-simple me-2"></i>
                                            Upload
                                        </button>
                                        <a href="{{ url('perumahan/layer/download/' . $data->id_perumahan . '/persil_ren/' . $data->geojson_persil_rencana) }}"
                                            class="dropdown-item">
                                            <i class="ph-download-simple me-2"></i>
                                            Download
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>4.</td>
                        <td>PSU Eksisting</td>
                        <td class="text-center">
                            @if ($data->psu_eksisting != null)
                                <span class="badge bg-success bg-opacity-10 text-success">Terupload</span>
                            @else
                                <span class="badge bg-secondary bg-opacity-10 text-secondary">Belum Terupload</span>
                            @endif
                        </td>
                        <td class="text-center">
                            <div class="d-inline-flex">
                                <div class="dropdown">
                                    <a href="#" class="text-body" data-bs-toggle="dropdown">
                                        <i class="ph-list"></i>
                                    </a>

                                    <div class="dropdown-menu dropdown-menu-end">
                                        <button href="" class="dropdown-item" data-bs-toggle="modal"
                                            data-bs-target="#modal_upload4">
                                            <i class="ph-upload-simple me-2"></i>
                                            Upload
                                        </button>
                                        <a href="{{ url('perumahan/layer/download/' . $data->id_perumahan . '/psu_eks/' . $data->psu_eksisting) }}"
                                            class="dropdown-item">
                                            <i class="ph-download-simple me-2"></i>
                                            Download
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>5.</td>
                        <td>PSU Rencana</td>
                        <td class="text-center">
                            @if ($data->psu_rencana != null)
                                <span class="badge bg-success bg-opacity-10 text-success">Terupload</span>
                            @else
                                <span class="badge bg-secondary bg-opacity-10 text-secondary">Belum Terupload</span>
                            @endif
                        </td>
                        <td class="text-center">
                            <div class="d-inline-flex">
                                <div class="dropdown">
                                    <a href="#" class="text-body" data-bs-toggle="dropdown">
                                        <i class="ph-list"></i>
                                    </a>

                                    <div class="dropdown-menu dropdown-menu-end">
                                        <button href="" class="dropdown-item" data-bs-toggle="modal"
                                            data-bs-target="#modal_upload5">
                                            <i class="ph-upload-simple me-2"></i>
                                            Upload
                                        </button>
                                        <a href="{{ url('perumahan/layer/download/' . $data->id_perumahan . '/psu_ren/' . $data->psu_rencana) }}"
                                            class="dropdown-item">
                                            <i class="ph-download-simple me-2"></i>
                                            Download
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
@endsection

@section('modal')
    <div id="modal_upload1" class="modal fade" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Upload File Geojson</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>

                <form action="{{ url('perumahan/layer/uploadBatas/') }}" method="POST" class="form-horizontal"
                    enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="id_perumahan" value="{{ $data->id_perumahan }}">
                    <input type="hidden" name="geojson_batas_perumahan_lama" value="{{ $data->geojson_batas_perumahan }}">
                    <div class="modal-body">
                        <div class="row mb-3">
                            <label class="col-form-label col-sm-3">Batas Perumahan</label>
                            <div class="col-sm-9">
                                <input type="file" id="geojson_batas_perumahan" name="geojson_batas_perumahan"
                                    placeholder="" class="form-control" required accept=".geojson*">
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-link" data-bs-dismiss="modal">Tutup</button>
                            <button type="submit" class="btn btn-primary">Simpan</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div id="modal_upload2" class="modal fade" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Upload File Geojson</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>

                <form action="{{ url('perumahan/layer/uploadPersilEks/') }}" method="POST" class="form-horizontal"
                    enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="id_perumahan" value="{{ $data->id_perumahan }}">
                    <input type="hidden" name="geojson_persil_eksisting_lama" value="{{ $data->geojson_persil_eksisting }}">
                    <div class="modal-body">
                        <div class="row mb-3">
                            <label class="col-form-label col-sm-3">Persil Eksisting</label>
                            <div class="col-sm-9">
                                <input type="file" id="geojson_persil_eksisting" name="geojson_persil_eksisting"
                                    placeholder="" class="form-control" required accept=".geojson*">
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-link" data-bs-dismiss="modal">Tutup</button>
                            <button type="submit" class="btn btn-primary">Simpan</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div id="modal_upload3" class="modal fade" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Upload File Geojson</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>

                <form action="{{ url('perumahan/layer/uploadPersilRen/') }}" method="POST" class="form-horizontal"
                    enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="id_perumahan" value="{{ $data->id_perumahan }}">
                    <input type="hidden" name="geojson_persil_rencana_lama" value="{{ $data->geojson_persil_rencana }}">
                    <div class="modal-body">
                        <div class="row mb-3">
                            <label class="col-form-label col-sm-3">Persil Rencana</label>
                            <div class="col-sm-9">
                                <input type="file" id="geojson_persil_rencana" name="geojson_persil_rencana"
                                    placeholder="" class="form-control" required accept=".geojson*">
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-link" data-bs-dismiss="modal">Tutup</button>
                            <button type="submit" class="btn btn-primary">Simpan</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div id="modal_upload4" class="modal fade" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Upload PSU Eksisting</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>

                <form action="{{ url('perumahan/layer/uploadPsuEks/') }}" method="POST" class="form-horizontal"
                    enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="id_perumahan" value="{{ $data->id_perumahan }}">
                    <input type="hidden" name="psu_eksisting_lama" value="{{ $data->psu_eksisting }}">
                    <div class="modal-body">
                        <div class="row mb-3">
                            <label class="col-form-label col-sm-3">PSU Eksisting</label>
                            <div class="col-sm-9">
                                <input type="file" id="psu_eksisting" name="psu_eksisting" placeholder=""
                                    class="form-control" required accept=".geojson*">
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-link" data-bs-dismiss="modal">Tutup</button>
                            <button type="submit" class="btn btn-primary">Simpan</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div id="modal_upload5" class="modal fade" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Upload PSU Rencana</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>

                <form action="{{ url('perumahan/layer/uploadPsuRen') }}" method="POST" class="form-horizontal"
                    enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="id_perumahan" value="{{ $data->id_perumahan }}">
                    <input type="hidden" name="psu_rencana_lama" value="{{ $data->psu_rencana }}">
                    <div class="modal-body">
                        <div class="row mb-3">
                            <label class="col-form-label col-sm-3">PSU Rencana</label>
                            <div class="col-sm-9">
                                <input type="file" id="psu_rencana" name="psu_rencana" placeholder=""
                                    class="form-control" required accept=".geojson*">
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-link" data-bs-dismiss="modal">Tutup</button>
                            <button type="submit" class="btn btn-primary">Simpan</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection