TIF_NGANJUK_E41220737/resources/views/petani/profile.blade.php

@extends('layouts.admin')

@section('title', 'Profil Saya')
@section('page-title', 'Pengaturan Akun')

@section('content')
<div class="card">
    <div class="card-body">
        @if (session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
        @endif

        <form action="{{ route('petani.profile.update') }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')

            <div class="row">
                <div class="col-md-4 text-center">
                    <img src="{{ $user->foto ? asset('storage/' . $user->foto) : asset('template/admin/static/images/faces/2.jpg') }}"
                        alt="Avatar" class="rounded-circle img-thumbnail mb-3"
                        style="width: 150px; height: 150px; object-fit: cover;">

                    <div class="mb-3">
                        <label class="form-label btn btn-sm btn-outline-primary">
                            Ganti Foto <input type="file" name="foto" hidden accept="image/*">
                        </label>
                    </div>
                </div>

                <div class="col-md-8">
                    <div class="mb-3">
                        <label class="form-label">Nama Lengkap / Nama Toko</label>
                        <input type="text" name="nama_lengkap" class="form-control" value="{{ $user->nama_lengkap }}"
                            required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Email</label>
                        <input type="email" name="email" class="form-control" value="{{ $user->email }}" required>
                    </div>

                    <hr class="my-4">
                    <h6 class="text-muted mb-3">Ganti Password (Opsional)</h6>

                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Password Baru</label>
                            <input type="password" name="password" class="form-control"
                                placeholder="Kosongkan jika tidak diganti">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Konfirmasi Password</label>
                            <input type="password" name="password_confirmation" class="form-control"
                                placeholder="Ulangi password baru">
                        </div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Alamat Lengkap (Jalan/Dusun/RT/RW)</label>
                        <textarea name="alamat" class="form-control" rows="3" required>{{ $user->alamat }}</textarea>
                    </div>

                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Provinsi</label>
                            <select name="provinsi_code" id="provinsi" class="form-select" required>
                                <option value="">Pilih Provinsi</option>
                                @foreach($provinsis as $prov)
                                <option value="{{ $prov->code }}" {{ $user->provinsi_code == $prov->code ? 'selected' :
                                    '' }}>{{ $prov->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Kota/Kabupaten</label>
                            <select name="kota_code" id="kota" class="form-select" required>
                                <option value="">Pilih Kota</option>
                                @foreach($kotas as $kota)
                                <option value="{{ $kota->code }}" {{ $user->kota_code == $kota->code ? 'selected' : ''
                                    }}>{{ $kota->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Kecamatan</label>
                            <select name="kecamatan_code" id="kecamatan" class="form-select" required>
                                <option value="">Pilih Kecamatan</option>
                                @foreach($kecamatans as $kecamatan)
                                <option value="{{ $kecamatan->code }}" {{ $user->kecamatan_code == $kecamatan->code ?
                                    'selected' : '' }}>{{ $kecamatan->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Desa/Kelurahan</label>
                            <select name="desa_code" id="desa" class="form-select" required>
                                <option value="">Pilih Desa</option>
                                @foreach($desas as $desa)
                                <option value="{{ $desa->code }}" {{ $user->desa_code == $desa->code ? 'selected' : ''
                                    }}>{{ $desa->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-bold">Link Google Maps Lahan/Toko (Opsional)</label>
                        <input type="url" name="link_maps" class="form-control"
                            placeholder="Contoh: http://maps.google.com/..." value="{{ $user->link_maps }}">
                    </div>

                    <button type="submit" class="btn btn-primary">Simpan Perubahan</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection

@section('js')
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
    $(document).ready(function() {
        $('#provinsi').on('change', function() {
            let code = $(this).val();
            $('#kota').html('<option value="">Memuat...</option>');
            if(code) {
                $.post("{{ url('get-kota') }}", {code: code, _token: '{{ csrf_token() }}'}, function(data) {
                    $('#kota').html('<option value="">Pilih Kota</option>');
                    $.each(data, function(key, val) { $('#kota').append(`<option value="${val.code}">${val.name}</option>`); });
                });
            }
        });

        $('#kota').on('change', function() {
            let code = $(this).val();
            $('#kecamatan').html('<option value="">Memuat...</option>');
            if(code) {
                $.post("{{ url('get-kecamatan') }}", {code: code, _token: '{{ csrf_token() }}'}, function(data) {
                    $('#kecamatan').html('<option value="">Pilih Kecamatan</option>');
                    $.each(data, function(key, val) { $('#kecamatan').append(`<option value="${val.code}">${val.name}</option>`); });
                });
            }
        });

        $('#kecamatan').on('change', function() {
            let code = $(this).val();
            $('#desa').html('<option value="">Memuat...</option>');
            if(code) {
                $.post("{{ url('get-desa') }}", {code: code, _token: '{{ csrf_token() }}'}, function(data) {
                    $('#desa').html('<option value="">Pilih Desa</option>');
                    $.each(data, function(key, val) { $('#desa').append(`<option value="${val.code}">${val.name}</option>`); });
                });
            }
        });
    });
</script>
@endsection