@extends('admin.layout')

@section('content')

<div class="card-dark col-md-10">
    <h3 class="mb-4">Edit Project</h3>

    <form method="POST"
          action="{{ route('admin.projects.update', $project->id) }}"
          enctype="multipart/form-data">
        @csrf
        @method('PUT')

        {{-- BASIC DETAILS --}}
        <div class="row">

            <div class="col-md-6 mb-3">
                <label>Project Name</label>
                <input type="text" name="title"
                       class="form-control"
                       value="{{ $project->title }}" required>
            </div>

            <div class="col-md-6 mb-3">
                <label>Location</label>
                <input type="text" name="location"
                       class="form-control"
                       value="{{ $project->location }}">
            </div>

            <div class="col-md-6 mb-3">
                <label>RERA Number</label>
                <input type="text" name="rera"
                       class="form-control"
                       value="{{ $project->rera }}">
            </div>

            <div class="col-md-6 mb-3">
                <label>Builder Name</label>
                <input type="text" name="builder"
                       class="form-control"
                       value="{{ $project->builder }}">
            </div>

            <div class="col-md-4 mb-3">
                <label>Property Category</label>
                <input type="text" name="category"
                       class="form-control"
                       value="{{ $project->category }}">
            </div>

            <div class="col-md-4 mb-3">
                <label>Typology</label>
                <input type="text" name="typology"
                       class="form-control"
                       value="{{ $project->typology }}">
            </div>

            <div class="col-md-4 mb-3">
                <label>Property Type</label>
                <input type="text" name="property_type"
                       class="form-control"
                       value="{{ $project->property_type }}">
            </div>

            <div class="col-md-4 mb-3">
                <label>Possession</label>
                <input type="text" name="possession"
                       class="form-control"
                       value="{{ $project->possession }}">
            </div>

        </div>

        <hr>

        {{-- EXISTING IMAGES --}}
        @if($project->images->count())
        <div class="mb-4">
            <label class="mb-2">Current Project Images</label>
            <div class="d-flex flex-wrap gap-3">
                @foreach($project->images as $img)
                    <div style="position:relative;">
                        <img src="{{ asset('storage/'.$img->image) }}"
                             style="width:140px;height:100px;object-fit:cover;border-radius:10px;">
                    </div>
                @endforeach
            </div>
        </div>
        @endif

        {{-- ADD NEW IMAGES --}}
        <div class="mb-3">
            <label>Add More Images (Optional) 1360*738</label>
            <input type="file" name="images[]" multiple class="form-control">
            <small class="text-muted">Uploading new images will append to existing ones</small>
        </div>

        <hr>

        {{-- RICH TEXT SECTIONS --}}
        <div class="mb-3">
            <label>Project Overview</label>
            <textarea name="overview"
                      class="form-control editor">{!! $project->overview !!}</textarea>
        </div>

        <div class="mb-3">
            <label>Project Highlights</label>
            <textarea name="highlights"
                      class="form-control editor">{!! $project->highlights !!}</textarea>
        </div>

        <div class="mb-3">
            <label>Amenities</label>
            <textarea name="amenities"
                      class="form-control editor">{!! $project->amenities !!}</textarea>
        </div>

        <div class="mb-3">
            <label>Location Advantage</label>
            <textarea name="location_advantage"
                      class="form-control editor">{!! $project->location_advantage !!}</textarea>
        </div>

        <div class="mb-3">
            <label>Google Map Embed Code</label>
            <textarea name="map_embed"
                      class="form-control"
                      rows="3">{{ $project->map_embed }}</textarea>
        </div>

        <hr>

        {{-- STATUS --}}
        <div class="mb-3">
            <input type="checkbox" name="status"
                   {{ $project->status ? 'checked' : '' }}>
            <label>Active</label>
        </div>

        <button class="btn btn-warning">Update Project</button>
        <a href="{{ route('admin.projects.index') }}"
           class="btn btn-secondary ms-2">Back</a>

    </form>
</div>

@endsection

@section('scripts')
<script>
$(document).ready(function () {
    $('.editor').summernote({
        height: 300,
        placeholder: 'Write content here...',
        toolbar: [
            ['style', ['bold', 'italic', 'underline', 'clear']],
            ['font', ['fontsize']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['insert', ['link', 'table']],
            ['view', ['codeview']]
        ]
    });
});
</script>
@endsection