@extends('mainlayout.layout')
@section('title', config('app.name') . ' | Edit Project')
@push('css')
<link href="{{ asset('/web/assets/css/property-screens.css') }}?v=1" rel="stylesheet">
@endpush
@section('content')
@php
    $projectUrl = '/property/show/' . encrypt($property->id);
    $owner = $propertyowners->firstWhere('id', $property->propertyownerid);
@endphp
<main class="portal-workspace portal-light-type property-workspace">
    <header class="portal-page-header"><div>
        <a class="portal-back-link" href="{{ $projectUrl }}"><i class="bx bx-arrow-back" aria-hidden="true"></i> Back to project</a>
        <span class="portal-eyebrow">Property management</span><h1>Edit Project</h1><p>Update the profile, location and descriptions for {{ $property->name }}.</p>
    </div></header>
    @include('superadmin.property.partials.workspace_feedback')
    <form method="POST" action="/property/update/@encrypt($property->id)">
        @csrf
        <div class="pw-layout">
            <div class="pw-stack">
                <section class="portal-card pw-section" aria-labelledby="project-basics-title">
                    <div class="pw-section-heading"><span class="pw-icon"><i class="bx bx-buildings" aria-hidden="true"></i></span><div><h2 id="project-basics-title">Project Basics</h2><p>The name, reference and owner of this project.</p></div></div>
                    <div class="pw-fields">
                        <div class="pw-field"><label for="project-name">Project name</label><input class="form-control @error('name') is-invalid @enderror" id="project-name" name="name" value="{{ old('name', $property->name) }}" maxlength="125" required>@error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                        <div class="pw-field"><label for="project-reference">Project plot ID</label><input class="form-control @error('plotid') is-invalid @enderror" id="project-reference" name="plotid" value="{{ old('plotid', $property->property_plotid) }}" maxlength="125" required>@error('plotid')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                        <div class="pw-field pw-wide"><label for="project-owner">Project owner</label>
                            @if(Auth::user()->hasRole('superadmin'))
                                <select class="form-control @error('propertyowner') is-invalid @enderror" id="project-owner" name="propertyowner"><option value="">Choose an owner</option>@foreach($propertyowners as $propertyowner)<option value="{{ $propertyowner->id }}" @selected((string) old('propertyowner', $property->propertyownerid) === (string) $propertyowner->id)>{{ $propertyowner->name }}</option>@endforeach</select>
                            @else
                                <input id="project-owner" class="form-control" value="{{ optional($owner)->name ?: 'Not assigned' }}" readonly><input type="hidden" name="propertyowner" value="{{ $property->propertyownerid }}">
                            @endif
                            @error('propertyowner')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                        </div>
                    </div>
                </section>
                <section class="portal-card pw-section pw-blue" aria-labelledby="project-location-title">
                    <div class="pw-section-heading"><span class="pw-icon"><i class="bx bx-map" aria-hidden="true"></i></span><div><h2 id="project-location-title">Location &amp; Size</h2><p>Where the project is located and the land it covers.</p></div></div>
                    <div class="pw-fields">
                        <div class="pw-field"><label for="project-region">Region</label><select id="project-region" name="region" class="form-control @error('region') is-invalid @enderror" required data-property-region><option value="">Choose a region</option>@foreach($regions as $region)<option value="{{ $region->id }}" @selected((string) old('region', $property->region) === (string) $region->id)>{{ $region->name }}</option>@endforeach</select>@error('region')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                        <div class="pw-field"><label for="project-district">District</label><select id="project-district" name="district" class="form-control @error('district') is-invalid @enderror" required data-property-district><option value="">Choose a district</option>@foreach($districts as $district)<option value="{{ $district->id }}" data-region="{{ $district->regionid }}" @selected((string) old('district', $property->district) === (string) $district->id)>{{ $district->name }}</option>@endforeach</select>@error('district')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                        <div class="pw-field"><label for="project-block">Block number <span>(optional)</span></label><input id="project-block" name="block_id" class="form-control @error('block_id') is-invalid @enderror" value="{{ old('block_id', $property->blocknumber) }}" maxlength="125">@error('block_id')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                        <div class="pw-field"><label for="project-area">Area size</label><div class="pw-unit"><input id="project-area" name="area" type="number" min="0" step="any" class="form-control @error('area') is-invalid @enderror" value="{{ old('area', $property->area_size) }}" required><span>SQM</span></div>@error('area')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror</div>
                    </div>
                </section>
                <section class="portal-card pw-section pw-orange" aria-labelledby="project-launch-title">
                    <div class="pw-section-heading"><span class="pw-icon"><i class="bx bx-calendar" aria-hidden="true"></i></span><div><h2 id="project-launch-title">Launch &amp; Discovery</h2><p>Set the launch date, plot count and tags.</p></div></div>
                    <div class="pw-fields">
                        <div class="pw-field"><label for="project-launch">Launch date</label><input id="project-launch" name="livedate" type="date" class="form-control @error('livedate') is-invalid @enderror" value="{{ old('livedate', optional($property->livedate)->format('Y-m-d')) }}" required>@error('livedate')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                        <div class="pw-field"><label for="project-count">Number of plots</label><input id="project-count" name="numberofplots" type="number" min="0" step="1" class="form-control @error('numberofplots') is-invalid @enderror" value="{{ old('numberofplots', $property->number_of_plots) }}" required>@error('numberofplots')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                        <div class="pw-field pw-wide"><label for="project-tags">Tags</label><input id="project-tags" name="tags" class="form-control @error('tags') is-invalid @enderror" value="{{ old('tags', $property->tags) }}" maxlength="125" required><small>Separate tags with commas, for example: residential, coastal.</small>@error('tags')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                    </div>
                </section>
                <section class="portal-card pw-section pw-purple" aria-labelledby="project-descriptions-title">
                    <div class="pw-section-heading"><span class="pw-icon"><i class="bx bx-edit-alt" aria-hidden="true"></i></span><div><h2 id="project-descriptions-title">Project Descriptions</h2><p>Tell customers about the project in English and Swahili.</p></div></div>
                    <div class="pw-fields">
                        <div class="pw-field pw-wide"><label for="project-description-en">English description <span>(optional)</span></label><textarea id="project-description-en" name="description" class="form-control" rows="7" data-rich-editor>{{ old('description', $property->description_en) }}</textarea>@error('description')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror</div>
                        <div class="pw-field pw-wide"><label for="project-description-sw">Swahili description <span>(optional)</span></label><textarea id="project-description-sw" name="description_sw" class="form-control" rows="7" data-rich-editor>{{ old('description_sw', $property->description_sw) }}</textarea>@error('description_sw')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror</div>
                    </div>
                </section>
                <section class="portal-card pw-section" aria-labelledby="project-mini-title">
                    <div class="pw-section-heading"><span class="pw-icon"><i class="bx bx-mobile-alt" aria-hidden="true"></i></span><div><h2 id="project-mini-title">Mini App Descriptions</h2><p>Short summaries for the mini app.</p></div></div>
                    <div class="pw-fields">
                        <div class="pw-field"><label for="project-mini-en">English summary <span>(optional)</span></label><textarea id="project-mini-en" name="description_mini_en" class="form-control @error('description_mini_en') is-invalid @enderror" maxlength="1000" rows="5">{{ old('description_mini_en', $property->description_mini_en) }}</textarea>@error('description_mini_en')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                        <div class="pw-field"><label for="project-mini-sw">Swahili summary <span>(optional)</span></label><textarea id="project-mini-sw" name="description_mini_sw" class="form-control @error('description_mini_sw') is-invalid @enderror" maxlength="1000" rows="5">{{ old('description_mini_sw', $property->description_mini_sw) }}</textarea>@error('description_mini_sw')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                    </div>
                </section>
                <div class="pw-footer"><a href="{{ $projectUrl }}" class="btn btn-mlk-outline">Cancel</a><button type="submit" class="btn btn-mlk-primary"><i class="bx bx-check" aria-hidden="true"></i> Save Changes</button></div>
            </div>
            <aside class="portal-card pw-section pw-context"><span class="portal-eyebrow">Selected project</span><h2>{{ $property->name }}</h2><dl class="pw-facts pw-facts--single"><div><dt>Project plot ID</dt><dd>{{ $property->property_plotid ?: 'Not provided' }}</dd></div><div><dt>Project owner</dt><dd>{{ optional($owner)->name ?: 'Not assigned' }}</dd></div><div><dt>Number of plots</dt><dd>{{ number_format((int) $property->number_of_plots) }}</dd></div></dl><p>Review your changes before saving the project profile.</p></aside>
        </div>
    </form>
</main>
@endsection
@push('scripts')
<script src="{{ asset('/ckeditor/ckeditor.js') }}"></script>
<script src="{{ asset('/web/assets/js/pages/property-screens.js') }}?v=1"></script>
@endpush