@extends('layouts.admin')

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

@section('content')
    <div class="row justify-content-center">
        <div class="col-lg-10">
            <div class="card shadow-sm">
                <div class="card-header bg-primary text-white">
                    <h4 class="mb-0">Add New Project</h4>
                </div>
                <div class="card-body p-4">
                    <form action="{{ route('adminProjects.store') }}" method="POST" enctype="multipart/form-data" class="needs-validation" novalidate>
                        @csrf

                         <!-- Hidden Lead ID -->
                         <input type="hidden" name="lead_id" value="{{ $lead->id ?? '' }}">
                         <input type="hidden" name="quotation_id" value="{{ $lead->id ?? '' }}">

                        <!-- Basic Information Section -->
                        <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 for="title" class="form-label">Project Title <span class="text-danger">*</span></label>
                                    <input type="text" name="title" id="title" class="form-control @error('title') is-invalid @enderror" value="{{ old('title', $lead->title ?? '') }}" required>

                                    @error('title')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    <div class="invalid-feedback">Please enter a project title.</div>
                                </div>

                                <div class="col-md-6">
                                    <label for="client_name" class="form-label">Client Name</label>
                                    <input type="text" name="client_name" id="client_name" class="form-control @error('client_name') is-invalid @enderror" value="{{ old('client_name', $lead->name ?? '') }}">

                                    @error('client_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-6">
                                    <label for="location" class="form-label">Location</label>
                                    <input type="text" name="location" id="location" class="form-control @error('location') is-invalid @enderror" value="{{ old('location', $lead->location ?? '') }}" placeholder="City, State">

                                    @error('location')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>



                               <div class="col-md-6">
                                    <label for="project_type_id" class="form-label">Project Type</label>
                                    <select name="project_type_id" id="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', $lead->projectType_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 for="project_desc" class="form-label">Description</label>
                                    <textarea name="project_desc" id="project_desc" class="form-control @error('project_desc') is-invalid @enderror" rows="4" placeholder="Enter project details...">{{ old('project_desc') }}</textarea>
                                    @error('project_desc')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Project Timeline Section -->
                        <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 for="start_date" class="form-label">Start Date</label>
                                    <input type="date" name="start_date" id="start_date" class="form-control @error('start_date') is-invalid @enderror" value="{{ old('start_date') }}">
                                    @error('start_date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-4">
                                    <label for="end_date" class="form-label">End Date</label>
                                    <input type="date" name="end_date" id="end_date" class="form-control @error('end_date') is-invalid @enderror" value="{{ old('end_date') }}">
                                    @error('end_date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-4">
                                    <label for="status" class="form-label">Status</label>
                                    <select name="status" id="status" class="form-select @error('status') is-invalid @enderror">
                                        <option value="active" {{ old('status') == 'active' ? 'selected' : '' }}>Active</option>
                                        <option value="complete" {{ old('status') == 'complete' ? 'selected' : '' }}>Complete</option>
                                        <option value="delayed" {{ old('status') == 'delayed' ? 'selected' : '' }}>Delayed</option>
                                        <option value="on-hold" {{ old('status') == 'on-hold' ? 'selected' : '' }}>On Hold</option>
                                        <option value="pending" {{ old('status') == 'pending' ? 'selected' : '' }}>Pending</option>
                                    </select>
                                    @error('status')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <!-- Assigned Staff Section -->
                                <div class="col-12">
                                    <h6 class="border-bottom pb-2 mb-3 mt-3">Assign Staff</h6>
                                </div>

                                <div class="col-md-6">
                                    <label for="project_manager_id" class="form-label">Project Manager</label>
                                    <select name="staff_assignments[1]" id="project_manager_id" class="form-select">
                                        <option value="">-- Select Project Manager --</option>
                                        @foreach($staff as $member)
                                            @if($member->designation->name === 'Project Manager')
                                                <option value="{{ $member->id }}">{{ $member->name }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-6">
                                    <label for="senior_project_engineer_id" class="form-label">Senior Project Engineer</label>
                                    <select name="staff_assignments[2]" id="project_manager_id" class="form-select">
                                        <option value="">-- Select Senior Project Engineer --</option>
                                        @foreach($staff as $member)
                                            @if($member->designation->name === 'Senior Project Engineer')
                                                <option value="{{ $member->id }}">{{ $member->name }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-6">
                                    <label for="site_engineer_id" class="form-label">Site Engineer</label>
                                    <select name="staff_assignments[3]" id="project_manager_id" class="form-select">
                                        <option value="">-- Select Site Engineer --</option>
                                        @foreach($staff as $member)
                                            @if($member->designation->name === 'Site Engineer')
                                                <option value="{{ $member->id }}">{{ $member->name }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-6">
                                    <label for="structural_designer_id" class="form-label">Structural Designer</label>
                                    <select name="staff_assignments[4]" id="project_manager_id" class="form-select">
                                        <option value="">-- Select Structural Designer --</option>
                                        @foreach($staff as $member)
                                            @if($member->designation->name === 'Structural Designer')
                                                <option value="{{ $member->id }}">{{ $member->name }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-6">
                                    <label for="qa_qc_engineer_id" class="form-label">QA/QC Engineer</label>
                                    <select name="staff_assignments[5]" id="project_manager_id" class="form-select">
                                        <option value="">-- Select QA/QC Engineer --</option>
                                        @foreach($staff as $member)
                                            @if($member->designation->name === 'QA/QC Engineer')
                                                <option value="{{ $member->id }}">{{ $member->name }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-6">
                                    <label for="fabrication_supervisor_id" class="form-label">Fabrication Supervisor</label>
                                    <select name="staff_assignments[6]" id="project_manager_id" class="form-select">
                                        <option value="">-- Select Fabrication Supervisor --</option>
                                        @foreach($staff as $member)
                                            @if($member->designation->name === 'Fabrication Supervisor')
                                                <option value="{{ $member->id }}">{{ $member->name }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-6">
                                    <label for="safety_officer_id" class="form-label">Safety Officer</label>
                                        <select name="staff_assignments[7]" id="project_manager_id" class="form-select">
                                        <option value="">-- Select Safety Officer --</option>
                                        @foreach($staff as $member)
                                            @if($member->designation->name === 'Safety Officer')
                                                <option value="{{ $member->id }}">{{ $member->name }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-6">
                                    <label for="electrical_engineer_id" class="form-label">Electrical Engineer</label>
                                    <select name="staff_assignments[8]" id="project_manager_id" class="form-select">
                                        <option value="">-- Select Electrical Engineer --</option>
                                        @foreach($staff as $member)
                                            @if($member->designation->name === 'Electrical Engineer')
                                                <option value="{{ $member->id }}">{{ $member->name }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>


                                <div class="col-md-4">
                                    <label for="priority_level" class="form-label">Priority Level</label>
                                    <select name="priority_level" id="priority_level" class="form-select @error('priority_level') is-invalid @enderror">
                                        <option value="">Select Priority</option>
                                        <option value="Low" {{ old('priority_level') == 'Low' ? 'selected' : '' }}>Low</option>
                                        <option value="Medium" {{ old('priority_level') == 'Medium' ? 'selected' : '' }}>Medium</option>
                                        <option value="High" {{ old('priority_level') == 'High' ? 'selected' : '' }}>High</option>
                                    </select>
                                    @error('priority_level')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Project Details Section -->
                        <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 for="area" class="form-label">Area (sq.ft)</label>
                                    <div class="input-group">
                                        <input type="number" name="area" id="area" class="form-control @error('area') is-invalid @enderror" value="{{ old('area', $lead->area ?? '') }}" placeholder="0" step="0.01" min="0">
                                        <span class="input-group-text">sq.ft</span>
                                        @error('area')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <label for="project_cost" class="form-label">Project Cost</label>
                                    <div class="input-group">
                                        <span class="input-group-text">₹</span>
                                        <input type="number" name="project_cost" id="project_cost" class="form-control @error('project_cost') is-invalid @enderror" value="{{ old('project_cost') }}" placeholder="0.00" step="0.01" min="0">
                                        @error('project_cost')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-12">
                                    <label for="drawings_img" class="form-label">Project Drawings</label>
                                    <input type="file" name="drawings_img[]" id="drawings_img" class="form-control @error('drawings_img') is-invalid @enderror" multiple accept="image/*,.pdf">
                                    <small class="form-text text-muted">Upload multiple images or PDF files (Max 10MB each)</small>
                                    @error('drawings_img')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </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 for="meta_title" class="form-label">Meta Title</label>
                                    <input type="text" name="meta_title" id="meta_title" class="form-control @error('meta_title') is-invalid @enderror" value="{{ old('meta_title') }}" maxlength="60">
                                    <small class="form-text text-muted">Recommended: 50-60 characters</small>
                                    @error('meta_title')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-12">
                                    <label for="meta_description" class="form-label">Meta Description</label>
                                    <textarea name="meta_description" id="meta_description" class="form-control @error('meta_description') is-invalid @enderror" rows="3" maxlength="160">{{ old('meta_description') }}</textarea>
                                    <small class="form-text text-muted">Recommended: 150-160 characters</small>
                                    @error('meta_description')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-12">
                                    <label for="meta_keywords" class="form-label">Meta Keywords</label>
                                    <input type="text" name="meta_keywords" id="meta_keywords" class="form-control @error('meta_keywords') is-invalid @enderror" value="{{ old('meta_keywords') }}" placeholder="keyword1, keyword2, keyword3">
                                    <small class="form-text text-muted">Separate keywords with commas</small>
                                    @error('meta_keywords')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Form 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-primary btn-lg">
                                <i class="bi bi-check-circle"></i> Save Project
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>


<script>
// Bootstrap form validation
(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