@extends('layouts.admin')

@section('page-title', 'Edit Project')

@section('content')
<div class="row justify-content-center">
    <div class="col-lg-10">
        <div class="card shadow-sm">
            <div class="card-header bg-warning text-dark">
                <h4 class="mb-0">Edit Project</h4>
            </div>
            <div class="card-body p-4">
                <form action="{{ route('adminProjects.update', $project->id) }}" method="POST" enctype="multipart/form-data" class="needs-validation" novalidate>
                    @csrf
                    @method('PUT')

                    <!-- Basic Information -->
                    <div class="mb-4">
                        <h5 class="border-bottom pb-2 mb-3">Basic Information</h5>
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label">Project Title <span class="text-danger">*</span></label>
                                <input type="text" name="title" value="{{ old('title', $project->title) }}" class="form-control @error('title') is-invalid @enderror" required>
                                @error('title') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-6">
                                <label class="form-label">Client Name</label>
                                <input type="text" name="client_name" value="{{ old('client_name', $project->client_name) }}" class="form-control">
                            </div>

                            <div class="col-md-6">
                                <label class="form-label">Location</label>
                                <input type="text" name="location" value="{{ old('location', $project->location) }}" class="form-control" placeholder="City, State">
                            </div>

                            
                            <div class="col-md-6">
                                <label class="form-label">Project Type</label>
                                <select name="project_type_id" class="form-select @error('project_type_id') is-invalid @enderror">
                                    <option value="">-- Select Project Type --</option>
                                    @foreach($project_types as $type)
                                        <option value="{{ $type->id }}" {{ old('project_type_id', $project->project_type_id ?? '') == $type->id ? 'selected' : '' }}>
                                            {{ $type->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('project_type_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>


                            <div class="col-12">
                                <label class="form-label">Description</label>
                                <textarea name="project_desc" rows="4" class="form-control">{{ old('project_desc', $project->project_desc) }}</textarea>
                            </div>
                        </div>
                    </div>

                    <!-- Project Timeline -->
                    <div class="mb-4">
                        <h5 class="border-bottom pb-2 mb-3">Project Timeline & Status</h5>
                        <div class="row g-3">
                            <div class="col-md-4">
                                <label class="form-label">Start Date</label>
                                <input type="date" name="start_date" value="{{ old('start_date', $project->start_date) }}" class="form-control">
                            </div>

                            <div class="col-md-4">
                                <label class="form-label">End Date</label>
                                <input type="date" name="end_date" value="{{ old('end_date', $project->end_date) }}" class="form-control">
                            </div>

                            <div class="col-md-4">
                                <label class="form-label">Status</label>
                                <select name="status" class="form-select">
                                    <option value="active" {{ old('status', $project->status) == 'active' ? 'selected' : '' }}>Active</option>
                                    <option value="complete" {{ old('status', $project->status) == 'complete' ? 'selected' : '' }}>Complete</option>
                                    <option value="delayed" {{ old('status', $project->status) == 'delayed' ? 'selected' : '' }}>Delayed</option>
                                    <option value="on-hold" {{ old('status', $project->status) == 'on-hold' ? 'selected' : '' }}>On Hold</option>
                                    <option value="pending" {{ old('status') == 'pending' ? 'selected' : '' }}>Pending</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <!-- Assigned Staff -->
                    <div class="mb-4">
                        <h5 class="border-bottom pb-2 mb-3">Assign Staff</h5>
                        <div class="row g-3">
                            @foreach($designations as $designation)
                                <div class="col-md-6">
                                    <label class="form-label">{{ $designation->name }}</label>
                                    <select name="staff_assignments[{{ $designation->id }}]" class="form-select">
                                        <option value="">-- Select {{ $designation->name }} --</option>

                                        @foreach($staff as $member)
                                            @if($member->designation_id == $designation->id)
                                                <option value="{{ $member->id }}"
                                                    {{ isset($assignedStaff[$designation->id]) && $assignedStaff[$designation->id] == $member->id ? 'selected' : '' }}>
                                                    {{ $member->name }}
                                                </option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                            @endforeach
                        </div>
                    </div>


                    <!-- Project Details -->
                    <div class="mb-4">
                        <h5 class="border-bottom pb-2 mb-3">Project Details</h5>
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label">Area (sq.ft)</label>
                                <div class="input-group">
                                    <input type="number" name="area" value="{{ old('area', $project->area) }}" step="0.01" min="0" class="form-control">
                                    <span class="input-group-text">sq.ft</span>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <label class="form-label">Project Cost</label>
                                <div class="input-group">
                                    <span class="input-group-text">₹</span>
                                    <input type="number" name="project_cost" value="{{ old('project_cost', $project->project_cost) }}" step="0.01" min="0" class="form-control">
                                </div>
                            </div>

                            <div class="col-12">
                                <label class="form-label">Project Drawings</label>
                                <input type="file" name="drawings_img[]" multiple class="form-control" accept="image/*,.pdf">
                                <small class="text-muted">Upload new files to replace existing ones.</small>

                                @if($project->drawings_img)
                                    <div class="mt-3">
                                        <strong>Current Files:</strong>
                                        @foreach(json_decode($project->drawings_img, true) ?? [] as $file)
                                            <a href="{{ asset('uploads/projects/drawings_img/' . $file) }}" target="_blank" class="d-block">{{ $file }}</a>
                                        @endforeach
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>

                    <!-- SEO Section -->
                    <div class="mb-4">
                        <h5 class="border-bottom pb-2 mb-3">SEO Settings</h5>
                        <div class="row g-3">
                            <div class="col-12">
                                <label class="form-label">Meta Title</label>
                                <input type="text" name="meta_title" value="{{ old('meta_title', $project->meta_title) }}" maxlength="60" class="form-control">
                            </div>

                            <div class="col-12">
                                <label class="form-label">Meta Description</label>
                                <textarea name="meta_description" rows="3" maxlength="160" class="form-control">{{ old('meta_description', $project->meta_description) }}</textarea>
                            </div>

                            <div class="col-12">
                                <label class="form-label">Meta Keywords</label>
                                <input type="text" name="meta_keywords" value="{{ old('meta_keywords', $project->meta_keywords) }}" class="form-control">
                            </div>
                        </div>
                    </div>

                    <!-- Actions -->
                    <div class="d-flex justify-content-between align-items-center pt-3 border-top">
                        <a href="{{ route('adminProjects.index') }}" class="btn btn-secondary">
                            <i class="bi bi-arrow-left"></i> Cancel
                        </a>
                        <button type="submit" class="btn btn-warning btn-lg text-dark">
                            <i class="bi bi-save"></i> Update Project
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script>
(function () {
    'use strict'
    var forms = document.querySelectorAll('.needs-validation')
    Array.prototype.slice.call(forms).forEach(function (form) {
        form.addEventListener('submit', function (event) {
            if (!form.checkValidity()) {
                event.preventDefault()
                event.stopPropagation()
            }
            form.classList.add('was-validated')
        }, false)
    })
})()
</script>
@endsection