@extends('layouts.app')
@section('title', 'New Submission')
@section('content')
    <div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-4"><div><p class="eyebrow">Start your next milestone</p><h1>{{ $project->exists ? 'Continue your submission' : 'New thesis submission' }}</h1><p class="mb-0">Save your progress, gather your files, then send your project for assessment.</p></div><a href="{{ route('projects.index') }}" class="btn btn-outline-secondary btn-sm">Back to projects</a></div>
    <ol class="wizard-steps" aria-label="Submission steps">
        @foreach (['details' => 'Project details', 'files' => 'Files & style guide', 'services' => 'Services', 'review' => 'Review & submit'] as $key => $label)
            <li @class(['current' => $step === $key]) @if($step === $key) aria-current="step" @endif><span class="step-number">{{ $loop->iteration }}</span>@if ($project->exists)<a href="{{ route('projects.edit', [$project, 'step' => $key]) }}">{{ $label }}</a>@else{{ $label }}@endif</li>
        @endforeach
    </ol>
    @if ($step === 'details')
        @if($demoAvailable ?? false)<div class="alert alert-info d-flex justify-content-between align-items-center flex-wrap gap-2"><span>{{ $demoPrefilled ? 'Offline demo details are filled in. Click Save & continue to open the next page.' : 'Offline testing: fill the form with editable demo details.' }}</span><a href="{{ route('projects.create', ['demo' => $demoPrefilled ? 0 : 1]) }}">{{ $demoPrefilled ? 'Start with a blank form' : 'Fill demo details' }}</a></div>@endif
        <form method="POST" action="{{ $project->exists ? route('projects.update', $project) : route('projects.store') }}" enctype="multipart/form-data">
            @csrf
            @if ($project->exists) @method('PUT') @endif
            <div class="card mb-4"><h2 class="mb-4">Tell us about your thesis</h2>
                <div class="row g-3">
                    <div class="col-12"><label class="form-label" for="title">Thesis title *</label><input id="title" name="title" value="{{ old('title', $project->title) }}" maxlength="255" required></div>
                    <div class="col-md-6"><label class="form-label" for="customer_type">Customer type *</label><select id="customer_type" name="customer_type" required>@foreach (App\Models\Project::CUSTOMER_TYPES as $value => $label)<option value="{{ $value }}" @selected(old('customer_type', $project->customer_type) === $value)>{{ $label }}</option>@endforeach</select></div>
                    <div class="col-md-6"><label class="form-label" for="student_id">Student / employee ID</label><input id="student_id" name="student_id" value="{{ old('student_id', $project->student_id) }}" maxlength="255"></div>
                    <div class="col-md-6"><label class="form-label" for="country_code">Institution country code *</label><input id="country_code" name="country_code" value="{{ old('country_code', $project->country_code) }}" maxlength="2" minlength="2" pattern="[A-Za-z]{2}" placeholder="IN, GB, US..." required aria-describedby="country-help"><div id="country-help" class="form-text">Two-letter country code. Your market follows the institution.</div></div>
                    <div class="col-md-6"><label class="form-label" for="institution_id">Institution / university *</label><select id="institution_id" name="institution_id" required><option value="">Select an institution</option>@foreach ($institutions as $institution)<option value="{{ $institution->id }}" @selected(old('institution_id', $project->institution_id) == $institution->id)>{{ $institution->name }} &middot; {{ $institution->country_code ?: 'International' }} &middot; {{ $institution->market->name }}</option>@endforeach</select>@if ($institutions->isEmpty())<div class="form-text">No institutions are available yet. An administrator needs to add one in Configuration.</div>@endif</div>
                    @foreach (['faculty' => 'Faculty / school', 'department' => 'Department', 'programme' => 'Programme', 'degree' => 'Degree', 'supervisor' => 'Supervisor / guide'] as $field => $label)
                        <div class="col-md-6"><label class="form-label" for="{{ $field }}">{{ $label }}{{ in_array($field, ['department', 'degree']) ? ' *' : '' }}</label><input id="{{ $field }}" name="{{ $field }}" value="{{ old($field, $project->$field) }}" maxlength="255" @required(in_array($field, ['department', 'degree']))></div>
                    @endforeach
                    <div class="col-md-6"><label class="form-label" for="deadline">Requested deadline *</label><input id="deadline" name="deadline" type="date" min="{{ today()->format('Y-m-d') }}" value="{{ old('deadline', $project->deadline?->format('Y-m-d')) }}" required><div class="form-text">The team will confirm turnaround during assessment.</div></div>
                    <div class="col-md-6"><label class="form-label" for="approximate_pages">Approximate pages *</label><input id="approximate_pages" name="approximate_pages" type="number" min="1" max="100000" value="{{ old('approximate_pages', $project->approximate_pages) }}" required></div>
                    <div class="col-12"><label class="form-label" for="style_guide_version_id">Library style guide and exact version</label><select id="style_guide_version_id" name="style_guide_version_id"><option value="">I will upload a guide or enter custom requirements</option>@foreach ($guideVersions as $version)<option value="{{ $version->id }}" @selected(old('style_guide_version_id', $project->style_guide_version_id) == $version->id)>{{ $version->styleGuide->institution->name }} / {{ $version->styleGuide->name }} / {{ $version->version }}{{ $version->year ? ' ('.$version->year.')' : '' }}</option>@endforeach</select><div class="form-text">Choose a guide belonging to your institution. This version stays linked to your project.</div></div>
                    <div class="col-12"><label class="form-label" for="custom_style_requirements">Custom style requirements</label><textarea id="custom_style_requirements" name="custom_style_requirements" rows="3" maxlength="10000">{{ old('custom_style_requirements', $project->custom_style_requirements) }}</textarea></div>
                    @include('projects.partials.detail-uploads', ['category' => 'style_guide', 'limitKey' => 'style_guide', 'field' => 'style_guides', 'inputPrefix' => 'style-guide', 'uploadTitle' => 'Upload style-guide files', 'fileLabel' => 'Style-guide file'])
                    <div class="col-12"><label class="form-label" for="instructions">Special instructions</label><textarea id="instructions" name="instructions" rows="3" maxlength="10000">{{ old('instructions', $project->instructions) }}</textarea></div>
                    @include('projects.partials.detail-uploads', ['category' => 'instructions', 'limitKey' => 'instruction', 'field' => 'instruction_files', 'inputPrefix' => 'instruction-file', 'uploadTitle' => 'Upload special-instruction files', 'fileLabel' => 'Instruction file'])
                </div>
            </div><div class="d-flex justify-content-between align-items-center"><span class="small text-secondary">* Required fields. You can return to this draft later.</span><button type="submit" class="btn btn-primary">Save & continue &rarr;</button></div>
        </form>
    @elseif ($step === 'files')
        <div class="row g-4"><div class="col-lg-5"><section class="card"><h2>Upload project files</h2><p>Originals are preserved as separate versions. Add your institutional guide here if you did not select one from the library.</p>
            <form method="POST" action="{{ route('projects.files.store', $project) }}" enctype="multipart/form-data">@csrf
                <label for="category">File category</label><select id="category" name="category">@foreach (App\Models\ProjectFile::SOURCE_CATEGORIES as $value => $label)<option value="{{ $value }}" @selected(old('category') === $value)>{{ $label }}</option>@endforeach</select>
                <label for="file">Choose file *</label><input id="file" type="file" name="file" accept=".docx,.pdf,.png,.jpg,.jpeg,.xlsx,.csv,.txt" required aria-describedby="file-help"><div id="file-help" class="form-text">Thesis and guides: DOCX or PDF. Style guides and special-instruction attachments: up to 5 files per section, 15 MB each. Other uploads: maximum {{ number_format(config('submissions.max_file_kb') / 1024) }} MB each. Supporting files also accept PNG, JPG, XLSX, CSV and TXT. Total project limit: {{ config('submissions.max_files') }} files.</div>
                <label for="note">File note</label><textarea id="note" name="note" rows="2" maxlength="2000">{{ old('note') }}</textarea><button class="btn btn-primary mt-3" type="submit">Upload file</button>
            </form><p class="small mt-3 mb-0">Files remain private. Downloads are available after the security scan completes.</p>
        </section></div><div class="col-lg-7"><section class="card"><h2 class="mb-3">Your uploaded files</h2>@include('projects.partials.files')</section>
            <section class="card mt-3"><h2>Selected style guide</h2>@if ($project->styleGuideVersion)<p>{{ $project->styleGuideVersion->styleGuide->name }} &middot; Version {{ $project->styleGuideVersion->version }}</p>@elseif ($project->custom_style_requirements)<p class="preserve-lines">{{ $project->custom_style_requirements }}</p>@else<p>Select a library guide, upload a guide, or add custom requirements before submitting.</p>@endif<a href="{{ route('projects.edit', [$project, 'step' => 'details']) }}">Edit guide selection</a></section>
        </div></div><div class="d-flex justify-content-between mt-4"><a class="btn btn-outline-secondary" href="{{ route('projects.edit', [$project, 'step' => 'details']) }}">&larr; Project details</a><a class="btn btn-primary" href="{{ route('projects.edit', [$project, 'step' => 'services']) }}">Continue to services &rarr;</a></div>
    @elseif ($step === 'services')
        <section class="card"><h2>What would you like help with?</h2><p>Available services for {{ $project->market->name }}. The team will assess your files and prepare a quotation in {{ $project->market->currency_code }}.</p>
            <form method="POST" action="{{ route('projects.services', $project) }}">@csrf @method('PUT')
                <fieldset><legend class="fs-6 mb-3">Select one or more services</legend><div class="row g-3">@forelse ($services as $service)<div class="col-md-6"><label class="service-option" for="service-{{ $service->id }}"><input id="service-{{ $service->id }}" type="checkbox" name="services[]" value="{{ $service->id }}" @checked(in_array($service->id, old('services', $project->services->modelKeys())))><span><strong>{{ $service->name }}</strong><small>{{ $service->description }}</small><small class="mt-2">Manual assessment &middot; Quote required</small></span></label></div>@empty<p>No services are configured for this market. Contact the administrator.</p>@endforelse</div></fieldset>
                <div class="d-flex justify-content-between mt-4"><a class="btn btn-outline-secondary" href="{{ route('projects.edit', [$project, 'step' => 'files']) }}">&larr; Files</a><button class="btn btn-primary" type="submit" @disabled($services->isEmpty())>Save & review &rarr;</button></div>
            </form>
        </section>
    @else
        <section class="card mb-4"><h2>Check your submission</h2><p>After submission, the team will review your scope and prepare a quotation. Please check the details and files before confirming.</p>@include('projects.partials.summary')</section>
        <section class="card mb-4"><h2 class="mb-3">Files to include</h2>@include('projects.partials.files')</section>
        <form method="POST" action="{{ route('projects.submit', $project) }}">@csrf<label class="d-flex gap-2 align-items-start"><input type="checkbox" name="confirmation" value="1" required><span>I confirm that I am authorized to share these files and the project details and requested services are correct.</span></label><div class="d-flex justify-content-between mt-4"><a class="btn btn-outline-secondary" href="{{ route('projects.edit', [$project, 'step' => 'services']) }}">&larr; Services</a><button class="btn btn-primary" type="submit">Submit for assessment</button></div></form>
    @endif
@endsection