@extends('layouts.bootstrap')

@section('title', 'Create New Tender')

@section('header')
    <h1 class="h3 mb-0">
        <i class="bi bi-plus-lg me-2"></i>Create New Tender
    </h1>
    <div>
        <a href="{{ route('tenders.index') }}" class="btn btn-outline-secondary">
            <i class="bi bi-arrow-left me-1"></i>Back to Tenders
        </a>
    </div>
@endsection

@section('content')
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="card shadow">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <h4 class="mb-0">
                            <i class="bi bi-plus-circle me-2"></i>Create New Tender
                        </h4>
                        <a href="{{ route('tenders.index') }}" class="btn btn-outline-secondary">
                            <i class="bi bi-arrow-left me-1"></i>Back to Tenders
                        </a>
                    </div>
                </div>

                <div class="card-body">
                    <form method="POST" action="{{ route('tenders.store') }}">
                        @csrf

                        <!-- Basic Information -->
                        <div class="row mb-4">
                            <div class="col-12">
                                <h5 class="text-primary mb-3">
                                    <i class="bi bi-info-circle me-2"></i>Basic Information
                                </h5>
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-8">
                                <label for="name" class="form-label">Tender Name <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('name') is-invalid @enderror" 
                                       id="name" name="name" value="{{ old('name') }}" required>
                                @error('name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label for="status" class="form-label">Status <span class="text-danger">*</span></label>
                                <select class="form-select @error('status') is-invalid @enderror" id="status" name="status" required>
                                    <option value="draft" {{ old('status', 'draft') == 'draft' ? 'selected' : '' }}>Draft</option>
                                    <option value="active" {{ old('status') == 'active' ? 'selected' : '' }}>Active</option>
                                    <option value="closed" {{ old('status') == 'closed' ? 'selected' : '' }}>Closed</option>
                                    <option value="cancelled" {{ old('status') == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                                </select>
                                @error('status')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="mb-3">
                            <label for="description" class="form-label">Description</label>
                            <textarea class="form-control @error('description') is-invalid @enderror" 
                                      id="description" name="description" rows="4" 
                                      placeholder="Provide a detailed description of the tender requirements...">{{ old('description') }}</textarea>
                            @error('description')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <!-- Financial Information -->
                        <div class="row mb-4">
                            <div class="col-12">
                                <h5 class="text-primary mb-3">
                                    <i class="bi bi-currency-dollar me-2"></i>Financial Information
                                </h5>
                            </div>
                        </div>

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

                        <!-- Timeline Information -->
                        <div class="row mb-4">
                            <div class="col-12">
                                <h5 class="text-primary mb-3">
                                    <i class="bi bi-calendar me-2"></i>Timeline Information
                                </h5>
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label for="published_date" class="form-label">Published Date</label>
                                <input type="date" class="form-control @error('published_date') is-invalid @enderror"
                                       id="published_date" name="published_date" value="{{ old('published_date') }}">
                                @error('published_date')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="deadline" class="form-label">Deadline</label>
                                <input type="date" class="form-control @error('deadline') is-invalid @enderror"
                                       id="deadline" name="deadline" value="{{ old('deadline') }}"
                                       min="{{ date('Y-m-d', strtotime('+1 day')) }}">
                                @error('deadline')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-4">
                                <label for="tender_buying_time" class="form-label">Tender Buying Time</label>
                                <input type="datetime-local" class="form-control @error('tender_buying_time') is-invalid @enderror"
                                       id="tender_buying_time" name="tender_buying_time" value="{{ old('tender_buying_time') }}">
                                @error('tender_buying_time')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label for="submission_time" class="form-label">Submission Time</label>
                                <input type="datetime-local" class="form-control @error('submission_time') is-invalid @enderror"
                                       id="submission_time" name="submission_time" value="{{ old('submission_time') }}">
                                @error('submission_time')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label for="security_money_time" class="form-label">Security Money Time</label>
                                <input type="datetime-local" class="form-control @error('security_money_time') is-invalid @enderror"
                                       id="security_money_time" name="security_money_time" value="{{ old('security_money_time') }}">
                                @error('security_money_time')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <!-- Bidding Companies -->
                        <div class="row mb-4">
                            <div class="col-12">
                                <h5 class="text-primary mb-3">
                                    <i class="bi bi-building me-2"></i>Expected Bidding Companies
                                </h5>
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-12">
                                <label for="bidding_companies" class="form-label">Company Name</label>
                                <select class="form-select @error('bidding_companies') is-invalid @enderror"
                                        id="bidding_companies" name="bidding_companies">
                                    <option value="">Select a company (optional)</option>
                                    <option value="Aerolith Solution" {{ old('bidding_companies') == 'Aerolith Solution' ? 'selected' : '' }}>
                                        Aerolith Solution
                                    </option>
                                    <option value="CSB Enterprise" {{ old('bidding_companies') == 'CSB Enterprise' ? 'selected' : '' }}>
                                        CSB Enterprise
                                    </option>
                                    <option value="Rita Enterprise" {{ old('bidding_companies') == 'Rita Enterprise' ? 'selected' : '' }}>
                                        Rita Enterprise
                                    </option>
                                    <option value="TechCorp Bangladesh" {{ old('bidding_companies') == 'TechCorp Bangladesh' ? 'selected' : '' }}>
                                        TechCorp Bangladesh
                                    </option>
                                    <option value="Digital Solutions BD" {{ old('bidding_companies') == 'Digital Solutions BD' ? 'selected' : '' }}>
                                        Digital Solutions BD
                                    </option>
                                    <option value="ABC Office Solutions Ltd." {{ old('bidding_companies') == 'ABC Office Solutions Ltd.' ? 'selected' : '' }}>
                                        ABC Office Solutions Ltd.
                                    </option>
                                    <option value="New Tech Solutions Ltd." {{ old('bidding_companies') == 'New Tech Solutions Ltd.' ? 'selected' : '' }}>
                                        New Tech Solutions Ltd.
                                    </option>
                                    <option value="Stationery World Ltd." {{ old('bidding_companies') == 'Stationery World Ltd.' ? 'selected' : '' }}>
                                        Stationery World Ltd.
                                    </option>
                                    <option value="Office Mart Bangladesh" {{ old('bidding_companies') == 'Office Mart Bangladesh' ? 'selected' : '' }}>
                                        Office Mart Bangladesh
                                    </option>
                                    <option value="Paper Plus Solutions" {{ old('bidding_companies') == 'Paper Plus Solutions' ? 'selected' : '' }}>
                                        Paper Plus Solutions
                                    </option>
                                    <option value="Green Tech Ltd." {{ old('bidding_companies') == 'Green Tech Ltd.' ? 'selected' : '' }}>
                                        Green Tech Ltd.
                                    </option>
                                    <option value="Smart Solutions Inc." {{ old('bidding_companies') == 'Smart Solutions Inc.' ? 'selected' : '' }}>
                                        Smart Solutions Inc.
                                    </option>
                                </select>
                                <div class="form-text">
                                    <i class="bi bi-info-circle me-1"></i>
                                    Select the primary company you expect to bid on this tender.
                                </div>
                                @error('bidding_companies')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <!-- Contact Information -->
                        <div class="row mb-4">
                            <div class="col-12">
                                <h5 class="text-primary mb-3">
                                    <i class="bi bi-person-lines-fill me-2"></i>Contact Information
                                </h5>
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-4">
                                <label for="contact_person" class="form-label">Contact Person</label>
                                <input type="text" class="form-control @error('contact_person') is-invalid @enderror" 
                                       id="contact_person" name="contact_person" value="{{ old('contact_person') }}">
                                @error('contact_person')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label for="contact_email" class="form-label">Contact Email</label>
                                <input type="email" class="form-control @error('contact_email') is-invalid @enderror" 
                                       id="contact_email" name="contact_email" value="{{ old('contact_email') }}">
                                @error('contact_email')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label for="contact_phone" class="form-label">Contact Phone</label>
                                <input type="tel" class="form-control @error('contact_phone') is-invalid @enderror" 
                                       id="contact_phone" name="contact_phone" value="{{ old('contact_phone') }}">
                                @error('contact_phone')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <!-- Active Tender Requirements (only show when status is Active) -->
                        <div id="active-tender-fields" style="display: none;">
                            <div class="row mb-4">
                                <div class="col-12">
                                    <h5 class="text-primary mb-3">
                                        <i class="bi bi-file-earmark-check me-2"></i>Required Document Checklist
                                    </h5>
                                </div>
                            </div>

                            <div class="row">
                                @foreach($documentTypes as $index => $documentType)
                                    <div class="col-md-6 mb-3">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox"
                                                   id="document_type_{{ $documentType->id }}"
                                                   name="document_types[]"
                                                   value="{{ $documentType->id }}"
                                                   {{ in_array($documentType->id, old('document_types', [])) ? 'checked' : '' }}>
                                            <label class="form-check-label" for="document_type_{{ $documentType->id }}">
                                                <strong>{{ $documentType->name }}</strong>
                                                @if($documentType->description)
                                                    <br><small class="text-muted">{{ $documentType->description }}</small>
                                                @endif
                                            </label>
                                        </div>
                                    </div>
                                @endforeach
                            </div>

                            <!-- Additional Requirements -->
                            <div class="row mb-4">
                                <div class="col-12">
                                    <h5 class="text-primary mb-3">
                                        <i class="bi bi-list-check me-2"></i>Additional Requirements
                                    </h5>
                                </div>
                            </div>

                            <div class="mb-3">
                                <label for="qualification_requirements" class="form-label">Qualification Requirements</label>
                                <textarea class="form-control @error('qualification_requirements') is-invalid @enderror"
                                          id="qualification_requirements" name="qualification_requirements" rows="6"
                                          placeholder="Enter detailed qualification criteria that bidders must meet (e.g., minimum experience, certifications, financial capacity, etc.)">{{ old('qualification_requirements') }}</textarea>
                                <div class="form-text">
                                    <i class="bi bi-info-circle me-1"></i>
                                    Specify detailed qualification criteria such as minimum years of experience, required certifications, financial capacity, etc.
                                </div>
                                @error('qualification_requirements')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="mb-4">
                                <label for="other_required_files" class="form-label">Other Required Files</label>
                                <textarea class="form-control @error('other_required_files') is-invalid @enderror"
                                          id="other_required_files" name="other_required_files" rows="4"
                                          placeholder="Specify any additional documents or files that bidders need to submit">{{ old('other_required_files') }}</textarea>
                                <div class="form-text">
                                    <i class="bi bi-info-circle me-1"></i>
                                    List any additional documents, certificates, or files that are required for this tender.
                                </div>
                                @error('other_required_files')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <!-- Terms and Conditions -->
                        <div class="row mb-4">
                            <div class="col-12">
                                <h5 class="text-primary mb-3">
                                    <i class="bi bi-file-text me-2"></i>Terms and Conditions
                                </h5>
                            </div>
                        </div>

                        <div class="mb-4">
                            <label for="terms_conditions" class="form-label">Terms and Conditions</label>
                            <textarea class="form-control @error('terms_conditions') is-invalid @enderror" 
                                      id="terms_conditions" name="terms_conditions" rows="6" 
                                      placeholder="Enter the terms and conditions for this tender...">{{ old('terms_conditions') }}</textarea>
                            @error('terms_conditions')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <!-- Action Buttons -->
                        <div class="d-flex justify-content-between">
                            <a href="{{ route('tenders.index') }}" class="btn btn-outline-secondary">
                                <i class="bi bi-x-circle me-1"></i>Cancel
                            </a>
                            <button type="submit" class="btn btn-primary">
                                <i class="bi bi-check-circle me-1"></i>Create Tender
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Auto-generate reference number preview
    const nameInput = document.getElementById('name');
    const referencePreview = document.createElement('small');
    referencePreview.className = 'text-muted';
    referencePreview.innerHTML = '<i class="bi bi-info-circle me-1"></i>Reference number will be auto-generated';
    nameInput.parentNode.appendChild(referencePreview);

    // Set minimum date for deadline
    const deadlineInput = document.getElementById('deadline');
    const today = new Date();
    today.setDate(today.getDate() + 1);
    deadlineInput.min = today.toISOString().split('T')[0];

    // Show/hide active tender fields based on status
    const statusSelect = document.getElementById('status');
    const activeTenderFields = document.getElementById('active-tender-fields');

    function toggleActiveTenderFields() {
        if (statusSelect.value === 'active') {
            activeTenderFields.style.display = 'block';
        } else {
            activeTenderFields.style.display = 'none';
        }
    }

    // Initial check
    toggleActiveTenderFields();

    // Listen for status changes
    statusSelect.addEventListener('change', toggleActiveTenderFields);
});
</script>
@endpush
@endsection