@extends('layout.main')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
    <div class="card">
        <div class="card-header border-bottom mb-4">
            <h5 class="card-title mb-0">Data Petani (CPM)</h5>
        </div>
        
        <div class="card-body">
            <form id="viewPetaniForm">
                
                <h6 class="mb-3">Informasi Petani</h6>
                <div class="row">
                    <div class="col-md-3 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-nama">Nama Petani</label>
                        <input type="text" class="form-control" id="add-petani-nama" name="nama" readonly
                            placeholder="Cth: John Doe" value="{{ $petani->nama }}" />
                    </div>
                    <div class="col-md-3 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-jenis-kelamin">Jenis Kelamin<span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="add-petani-jenis-kelamin" name="jenis_kelamin" readonly
                            placeholder="Cth: John Doe" value="{{ $petani->jenis_kelamin == 1 ? 'Laki-laki' : 'Perempuan' }}" />
                    </div>
                    <div class="col-md-3 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-tanggal-lahir">Tanggal Lahir</label>
                        <input type="date" class="form-control" id="add-petani-tanggal-lahir" name="tanggal_lahir" 
                            value="{{ $petani->tanggal_lahir?->format('Y-m-d') }}" readonly/>
                    </div>
                    <div class="col-md-3 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-pendidikan-terakhir">Pendidikan Terakhir</label>
                        <input type="text" class="form-control" id="add-petani-pendidikan-terakhir" name="pendidikan_terakhir" readonly
                            value="{{ $petani->pendidikan_terakhir?->label() }}" />
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-alamat">Alamat</label>
                        <input type="text" class="form-control" id="add-petani-alamat" name="alamat" 
                            placeholder="Cth: Alamat lengkap petani" value="{{ $petani->alamat }}" readonly/>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-provinsi">Provinsi</label>
                        <input type="text" class="form-control" id="add-petani-provinsi" name="provinsi_id" readonly
                            value="{{ $petani->desaKelurahan->kecamatan->kabupatenKota->provinsi->nama }}" />
                    </div>
                    <div class="col-md-3 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-kabupaten">Kabupaten/Kota</label>
                        <input type="text" class="form-control" id="add-petani-kabupaten" name="kabupaten_id" readonly
                            value="{{ $petani->desaKelurahan->kecamatan->kabupatenKota->nama }}" />
                    </div>
                    <div class="col-md-3 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-kecamatan">Kecamatan</label>
                        <input type="text" class="form-control" id="add-petani-kecamatan" name="kecamatan_id" readonly
                            value="{{ $petani->desaKelurahan->kecamatan->nama }}" />
                    </div>
                    <div class="col-md-3 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-desa">Desa/Kelurahan</label>
                        <input type="text" class="form-control" id="add-petani-desa" name="desa_kelurahan_id" readonly
                            value="{{ $petani->desaKelurahan->nama }}" />
                    </div>
                </div>  

                <hr/>
                <h6 class="mb-3">Informasi Pekerjaan</h6>

                <div class="row">
                    <div class="col-md-3 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-pekerjaan-utama">Pekerjaan Utama</label>
                        <input type="text" class="form-control" id="add-petani-pekerjaan-utama" name="pekerjaan_utama" readonly
                            value="{{ $petani->pekerjaan_utama?->label() ?? '' }}" />
                    </div>
                    <div class="col-md-3 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-komoditas">Komoditas Utama</label>
                        <input type="text" class="form-control" id="add-petani-komoditas" name="komoditas_utama" readonly
                            value="{{ $petani->komoditas?->nama ?? '' }}" />
                    </div>
                    <div class="col-md-3 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-luas-lahan">Luas Lahan (ha)</label>
                        <input type="number" step="0.01" class="form-control" id="add-petani-luas-lahan" name="luas_lahan" readonly
                            value="{{ $petani->luas_lahan }}" />
                    </div>
                    <div class="col-md-3 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-lama-bertani">Lama Bertani (tahun)</label>
                        <input type="number" step="0.01" class="form-control" id="add-petani-lama-bertani" name="lama_bertani" readonly
                            value="{{ $petani->lama_bertani }}" />
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-pekerjaan-sampingan">Pekerjaan Sampingan</label>
                        <input type="text" class="form-control" id="add-petani-pekerjaan-sampingan" name="pekerjaan_sampingan" readonly
                            value="{{ $petani->pekerjaan_sampingan?->label() ?? '' }}" />
                    </div>
                    <div class="col-md-3 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-komoditas-sampingan">Komoditas Pekerjaan Sampingan</label>
                        <input type="text" class="form-control" id="add-petani-komoditas-sampingan" name="komoditas_sampingan" readonly
                            value="{{ $petani->komoditasSampingan?->nama ?? '' }}" />
                    </div>
                    <div class="col-md-3 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-luas-lahan-sampingan">Luas Lahan Pekerjaan Sampingan (ha)</label>
                        <input type="number" step="0.01" class="form-control" id="add-petani-luas-lahan-sampingan" name="luas_lahan_sampingan" readonly
                            value="{{ $petani->luas_lahan_sampingan }}" />
                    </div>
                    <div class="col-md-3 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-lama-bertani-sampingan">Lama Bertani Pekerjaan Sampingan (tahun)</label>
                        <input type="number" step="0.01" class="form-control" id="add-petani-lama-bertani-sampingan" name="lama_bertani_sampingan" readonly
                            value="{{ $petani->lama_bertani_sampingan }}" />
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-petani-pengumpul">Catatan Khusus</label>
                        <input type="text" class="form-control" id="add-petani-petani-pengumpul" name="catatan_khusus" readonly
                            value="{{ implode(', ', $petani->petani_pengumpul ?? []) }}" />
                    </div>
                </div>

                <hr/>
                <h6 class="mb-3">Informasi Keluarga</h6>

                <div class="row">
                    <div class="col-md-3 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-status-pernikahan">Status Pernikahan<span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="add-petani-status-pernikahan" name="status_perkawinan" readonly
                            value="{{ $petani->status_perkawinan?->label() }}" />
                    </div>
                    <div class="col-md-3 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-status-keluarga">Hubungan Dalam Keluarga<span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="add-petani-status-keluarga" name="status_keluarga" readonly
                            value="{{ $petani->status_keluarga?->label() }}" />
                    </div>
                    <div class="col-md-3 mb-4 form-control-validation">
                        <label class="form-label" for="add-petani-jumlah-anggota-keluarga">Jumlah Tanggungan</label>
                        <input type="number" step="1" min="0" class="form-control" id="add-petani-jumlah-anggota-keluarga" name="jumlah_tanggungan" readonly
                            value="{{ $petani->jumlah_tanggungan }}" />
                    </div>
                </div>

                <div class="mt-4 text-end">
                    <a href="{{ route('petani-cpm.index') }}" class="btn btn-label-secondary me-2">Kembali</a>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    'use strict';
    $(document).ready(function () {

    });
</script>
@endpush