@extends('layouts.dashboard')
@section('title','Update Warga | 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">
                        <li class="breadcrumb-item"><a href="{{url('/dasawisma/home')}}"><i
                                    class="fas fa-home mr-1"></i> Home</a>
                        </li>
                        <li class="breadcrumb-item active">Warga</li>
                        <li class="breadcrumb-item active">Edit</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>

    <div class="content-body mt-3">
        <div class="col-md-8">
            <div class="col-12 mb-2">
                <a href="#" data-uri="{{route('dasawisma.warga.destroy', $warga->warga_id)}}" class="badge badge-danger"
                    data-toggle="modal" data-target="#confirmDeleteModal"><i class="fas fa-trash-alt"></i> Hapus
                    Data</a>
            </div>
            <form action="{{route('dasawisma.warga.update', $warga->warga_id)}}" method="post">
                @csrf
                @method('patch')
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="warga_ketua">Nama Pemilik Rumah :</label>
                            <input id="warga_ketua" type="text"
                                class="form-control @error('warga_ketua') is-invalid @enderror"
                                placeholder="Nama Pemilik Rumah" name="warga_ketua" value="{{$warga->warga_ketua}}"
                                required>
                            @error('warga_ketua') <div class="invalid-feedback">{{$message}}</div> @enderror
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label for="warga_status">Keterangan Rumah Warga:</label>
                    <select id="warga_status" name="warga_status"
                        class="form-control select2Edit @error('warga_status') is-invalid @enderror"
                        value="{{old('warga_status')}}" data-placeholder="Pilih Keterangan Rumah Warga"
                        style="display: block !important; width: 100% !important;" required>
                        <option value=""></option>
                        <option value="Rumah">Rumah</option>
                        <option value="Kontrakan">Kontrakan</option>
                        <option value="Toko">Toko</option>
                        <option value="Kosong">Kosong</option>
                    </select>
                    @error('warga_status') <div class="invalid-feedback">{{$message}}</div> @enderror
                </div>
                
                <div id="mapDaswis" class="mb-3" style="height: 400px;"></div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="warga_latitude">Latitude:</label>
                            <input id="warga_latitude" type="text"
                                class="form-control @error('warga_latitude') is-invalid @enderror"
                                placeholder="Latitude Warga" name="warga_latitude" value="{{$warga->warga_latitude}}"
                                required>
                            @error('warga_latitude') <div class="invalid-feedback">{{$message}}</div> @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="warga_longitude">Longitude:</label>
                            <input id="warga_longitude" type="text"
                                class="form-control @error('warga_longitude') is-invalid @enderror"
                                placeholder="Longitude Warga" name="warga_longitude" value="{{$warga->warga_longitude}}"
                                required>
                            @error('warga_longitude') <div class="invalid-feedback">{{$message}}</div> @enderror
                        </div>
                    </div>
                </div>

                <button type="submit" class="btn btn-primary float-right">Submit</button>
            </form>
        </div>
    </div>
</div>

@endsection

@section('jsExternalAdd')
@include('layouts.mapsJS.wargaJS')
@endsection