@extends('layouts.app')

@section('title', isset($project) ? 'Modifier un Projet' : 'Ajouter un Projet')

@section('content')
<div class="d-flex flex-column flex-column-fluid">

    <!--begin::Toolbar-->
    <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
        <!--begin::Toolbar container-->
        <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
            <!--begin::Page title-->
            <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                <!--begin::Title-->
                <h1 class="page-heading d-flex text-gray-900 fw-bold fs-3 flex-column justify-content-center my-0">
                    {{ isset($project) ? 'Modifier un Projet' : 'Ajouter un Projet' }}
                </h1>
                <!--end::Title-->
            </div>
            <!--end::Page title-->
        </div>
        <!--end::Toolbar container-->
    </div>
    <!--end::Toolbar-->

    <!--begin::Content-->
    <div id="kt_app_content" class="app-content flex-column-fluid">
        <!--begin::Content container-->
        <div id="kt_app_content_container" class="app-container container-xxl">
            <!--begin::Basic info-->
            <form method="POST" action="{{ isset($project) ? route('projects.update', $project->id) : route('projects.store') }}" class="form fv-plugins-bootstrap5 fv-plugins-framework" enctype="multipart/form-data">
                @csrf
                @if(isset($project))
                @method('PUT')
                @endif

                <div class="card mb-5 mb-xl-10">
                    <!--begin::Content-->
                    <div id="kt_account_settings_profile_details" class="collapse show">
                        <!--begin::Form-->
                        <!--begin::Card header-->
                        <div class="card-header">
                            <!--begin::Card title-->
                            <div class="card-title">
                                <h2>Informations sur le Projet</h2>
                            </div>
                            <!--end::Card title-->
                        </div>
                        <!--end::Card header-->

                        <!--begin::Card body-->
                        <div class="card-body border-top p-9">
                            <!--begin::Input group main_title-->
                            <div class="row mb-6">
                                <label for="main_title" class="col-lg-4 col-form-label required fw-semibold fs-6">Main Title</label>
                                <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                    <input type="text" id="main_title" name="main_title" class="form-control form-control-lg form-control-solid" placeholder="Main Title" value="{{ old('main_title', $project->main_title ?? 'Website Development Project') }}" required>
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                            <!--end::Input group main_title-->

                            <!--begin::Input group slug-->
                            <div class="row mb-6">
                                <label for="slug" class="col-lg-4 col-form-label required fw-semibold fs-6">Slug</label>
                                <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                    <input type="text" id="slug" name="slug" class="form-control form-control-lg form-control-solid" placeholder="Slug" value="{{ old('slug', $project->slug ?? 'website-project') }}" required>
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                            <!--end::Input group slug-->

                            <!--begin::Input group main_description-->
                            <div class="row mb-6">
                                <label for="main_description" class="col-lg-4 col-form-label required fw-semibold fs-6">Main Description</label>
                                <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                    <textarea id="main_description" name="main_description" class="form-control form-control-lg form-control-solid" required>{{ old('main_description', $project->main_description ?? 'This project involves developing a responsive and dynamic website for our client, focusing on user experience and scalability.') }}</textarea>
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                            <!--end::Input group main_description-->

                            <!--begin::Input group desc_tech-->
                            <div class="row mb-6">
                                <label for="desc_tech" class="col-lg-4 col-form-label required fw-semibold fs-6">Tech Description</label>
                                <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                    <textarea id="desc_tech" name="desc_tech" class="form-control form-control-lg form-control-solid" required>{{ old('desc_tech', $project->desc_tech ?? 'Technical description of the project (React, Laravel...)') }}</textarea>
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                            <!--end::Input group desc_tech-->

                            <!--begin::Input group project_url-->
                            <div class="row mb-6">
                                <label for="project_url" class="col-lg-4 col-form-label required fw-semibold fs-6">Project URL</label>
                                <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                    <input type="text" id="project_url" name="project_url" class="form-control form-control-lg form-control-solid" placeholder="Project URL" value="{{ old('project_url', $project->project_url ?? 'https://your_project.org/') }}" required>
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                            <!--end::Input group project_url-->

                            <!--begin::Input group brand_logo-->
                            <div class="row mb-6">
                                <label for="brand_logo" class="col-lg-4 col-form-label required fw-semibold fs-6">Brand Logo</label>
                                <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                    @if(isset($project) && $project->brand_logo)
                                    <div class="mb-3">
                                        <img src="{{ asset('storage/' . $project->brand_logo) }}" alt="Logo" style="max-width: 100px; height: auto;">
                                    </div>
                                    @endif
                                    <input type="file" id="brand_logo" name="brand_logo" class="form-control form-control-lg form-control-solid">
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>

                            <!--begin::Input group featured_image-->
                            <div class="row mb-6">
                                <label for="featured_image" class="col-lg-4 col-form-label required fw-semibold fs-6">Featured Image</label>
                                <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                    @if(isset($project) && $project->featured_image)
                                    <div class="mb-3">
                                        <img src="{{ asset('storage/' . $project->featured_image) }}" alt="Featured Image" style="max-width: 100px; height: auto;">
                                    </div>
                                    @endif
                                    <input type="file" id="featured_image" name="featured_image" class="form-control form-control-lg form-control-solid">
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                            <!--end::Input group featured_image-->

                            <!--begin::Input group client-->
                            <div class="row mb-6">
                                <label for="client" class="col-lg-4 col-form-label required fw-semibold fs-6">Client</label>
                                <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                    <input type="text" id="client" name="client" class="form-control form-control-lg form-control-solid" placeholder="Client" value="{{ old('client', $project->client ?? 'Tech Solutions Inc.') }}" required>
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                            <!--end::Input group client-->

                            <!--begin::Input group headquarters-->
                            <div class="row mb-6">
                                <label for="headquarters" class="col-lg-4 col-form-label required fw-semibold fs-6">Headquarters</label>
                                <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                    <input type="text" id="headquarters" name="headquarters" class="form-control form-control-lg form-control-solid" placeholder="Headquarters" value="{{ old('headquarters', $project->headquarters ?? 'San Francisco, CA') }}" required>
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                            <!--end::Input group headquarters-->

                            <!--begin::Input group sector-->
                            <div class="row mb-6">
                                <label for="sector" class="col-lg-4 col-form-label required fw-semibold fs-6">Sector</label>
                                <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                    <input type="text" id="sector" name="sector" class="form-control form-control-lg form-control-solid" placeholder="Sector" value="{{ old('sector', $project->sector ?? 'Information Technology') }}" required>
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                            <!--end::Input group sector-->

                            <!--begin::Input group project_duration-->
                            <div class="row mb-6">
                                <label for="project_duration" class="col-lg-4 col-form-label required fw-semibold fs-6">Project Duration</label>
                                <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                    <input type="text" id="project_duration" name="project_duration" class="form-control form-control-lg form-control-solid" placeholder="Project Duration" value="{{ old('project_duration', $project->project_duration ?? '6 months') }}" required>
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                            <!--end::Input group project_duration-->

                            <!--begin::Input group subtitle1-->
                            <div class="row mb-6">
                                <label for="subtitle1" class="col-lg-4 col-form-label required fw-semibold fs-6">Subtitle 1</label>
                                <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                    <input type="text" id="subtitle1" name="subtitle1" class="form-control form-control-lg form-control-solid" placeholder="Subtitle 1" value="{{ old('subtitle1', $project->subtitle1 ?? 'Project Goals') }}" required>
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                            <!--end::Input group subtitle1-->

                            <!--begin::Input group description2-->
                            <div class="row mb-6">
                                <label for="description2" class="col-lg-4 col-form-label required fw-semibold fs-6">Description 2</label>
                                <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                    <textarea id="description2" name="description2" class="form-control form-control-lg form-control-solid" required>{{ old('description2', $project->description2 ?? 'The main goals of this project are to create a user-friendly interface, ensure mobile responsiveness, and integrate various APIs for enhanced functionality.') }}</textarea>
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                            <!--end::Input group description2-->

                            <!--begin::Input group tags-->
                            <div class="row mb-6">
                                <label for="tags" class="col-lg-4 col-form-label required fw-semibold fs-6">Tags</label>
                                <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                    <textarea id="tags" name="tags" class="form-control form-control-lg form-control-solid" required>{{ old('tags', $project->tags ?? 'web development, responsive design, user experience, API integration') }}</textarea>
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                            <!--end::Input group tags-->

                            <!--begin::Input group stacks-->
                            <div class="row mb-6">
                                <label for="stacks" class="col-lg-4 col-form-label required fw-semibold fs-6">Stacks</label>
                                <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                    <textarea id="stacks" name="stacks" class="form-control form-control-lg form-control-solid" required>{{ old('stacks', $project->stacks ?? 'HTML, CSS, JavaScript, PHP, Laravel, MySQL') }}</textarea>
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                            <!--end::Input group stacks-->

                            <!--begin::Image groups-->
                            @for ($i = 2; $i <= 4; $i++) <div class="row mb-6">
                                <label for="image{{ $i }}" class="col-lg-4 col-form-label required fw-semibold fs-6">Image {{ $i }}</label>
                                <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                    @if(isset($project) && $project->{'image' . $i})
                                    <div class="mb-3">
                                        <img src="{{ asset('storage/' . $project->{'image' . $i}) }}" alt="Image {{ $i }}" style="max-width: 100px; height: auto;">
                                    </div>
                                    @endif
                                    <input type="file" id="image{{ $i }}" name="image{{ $i }}" class="form-control form-control-lg form-control-solid">
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                        </div>
                        @endfor
                        <!--end::Image groups-->

                        <!--begin::Input group advantages_title-->
                        <div class="row mb-6">
                            <label for="advantages_title" class="col-lg-4 col-form-label required fw-semibold fs-6">Advantages Title</label>
                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                <input type="text" id="advantages_title" name="advantages_title" class="form-control form-control-lg form-control-solid" placeholder="Advantages Title" value="{{ old('advantages_title', $project->advantages_title ?? 'Project Advantages') }}" required>
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                        </div>
                        <!--end::Input group advantages_title-->

                        <!--begin::Input group advantage_description1-->
                        <div class="row mb-6">
                            <label for="advantage_description1" class="col-lg-4 col-form-label required fw-semibold fs-6">Advantage Description 1</label>
                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                <textarea id="advantage_description1" name="advantage_description1" class="form-control form-control-lg form-control-solid" required>{{ old('advantage_description1', $project->advantage_description1 ?? 'The website will provide a seamless user experience across all devices.') }}</textarea>
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                        </div>
                        <!--end::Input group advantage_description1-->

                        <!--begin::Input group advantage_description2-->
                        <div class="row mb-6">
                            <label for="advantage_description2" class="col-lg-4 col-form-label required fw-semibold fs-6">Advantage Description 2</label>
                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                <textarea id="advantage_description2" name="advantage_description2" class="form-control form-control-lg form-control-solid" required>{{ old('advantage_description2', $project->advantage_description2 ?? 'Integration with popular APIs will enhance functionality and user engagement.') }}</textarea>
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                        </div>
                        <!--end::Input group advantage_description2-->

                        <!--begin::Input group number1-->
                        <div class="row mb-6">
                            <label for="number1" class="col-lg-4 col-form-label required fw-semibold fs-6">Number 1</label>
                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                <input type="number" id="number1" name="number1" class="form-control form-control-lg form-control-solid" placeholder="Number 1" value="{{ old('number1', $project->number1 ?? 100) }}" required>
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                        </div>
                        <!--end::Input group number1-->

                        <!--begin::Input group number_description1-->
                        <div class="row mb-6">
                            <label for="number_description1" class="col-lg-4 col-form-label required fw-semibold fs-6">Number Description 1</label>
                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                <textarea id="number_description1" name="number_description1" class="form-control form-control-lg form-control-solid" required>{{ old('number_description1', $project->number_description1 ?? 'Over 100 satisfied clients.') }}</textarea>
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                        </div>
                        <!--end::Input group number_description1-->

                        <!--begin::Input group number2-->
                        <div class="row mb-6">
                            <label for="number2" class="col-lg-4 col-form-label required fw-semibold fs-6">Number 2</label>
                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                <input type="number" id="number2" name="number2" class="form-control form-control-lg form-control-solid" placeholder="Number 2" value="{{ old('number2', $project->number2 ?? 50) }}" required>
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                        </div>
                        <!--end::Input group number2-->

                        <!--begin::Input group number_description2-->
                        <div class="row mb-6">
                            <label for="number_description2" class="col-lg-4 col-form-label required fw-semibold fs-6">Number Description 2</label>
                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                <textarea id="number_description2" name="number_description2" class="form-control form-control-lg form-control-solid" required>{{ old('number_description2', $project->number_description2 ?? '50+ successful projects completed.') }}</textarea>
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                        </div>
                        <!--end::Input group number_description2-->

                        <!--begin::Input group number3-->
                        <div class="row mb-6">
                            <label for="number3" class="col-lg-4 col-form-label required fw-semibold fs-6">Number 3</label>
                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                <input type="number" id="number3" name="number3" class="form-control form-control-lg form-control-solid" placeholder="Number 3" value="{{ old('number3', $project->number3 ?? 200) }}" required>
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                        </div>
                        <!--end::Input group number3-->

                        <!--begin::Input group number_description3-->
                        <div class="row mb-6">
                            <label for="number_description3" class="col-lg-4 col-form-label required fw-semibold fs-6">Number Description 3</label>
                            <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                <textarea id="number_description3" name="number_description3" class="form-control form-control-lg form-control-solid" required>{{ old('number_description3', $project->number_description3 ?? '200+ positive reviews from clients.') }}</textarea>
                                <div class="fv-plugins-message-container invalid-feedback"></div>
                            </div>
                        </div>
                        <!--end::Input group number_description3-->

                        <!--begin::Submit button-->
                        <div class="d-flex justify-content-end">
                            <a href="{{ route('projects.index') }}" id="kt_ecommerce_add_product_cancel" class="btn btn-light me-5">Retour</a>
                            <button type="submit" id="kt_ecommerce_add_product_submit" class="btn btn-primary">
                                <span class="indicator-label">{{ isset($project) ? 'Update' : 'Create' }}</span>
                                <span class="indicator-progress">Please wait... <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                            </button>
                        </div>
                        <!--end::Submit button-->
                    </div>
                    <!--end::Card body-->
                    <!--end::Form-->
                </div>
                <!--end::Content-->
        </div>
        </form>
        <!--end::Basic info-->
    </div>
    <!--end::Content container-->

    @if(isset($project))
    <hr>
    <div class="card mb-5 mb-xl-10">
        <div class="card-header">
            <div class="card-title">
                <h2>Témoignages</h2>
            </div>
            <div class="d-flex justify-content-end">
                <a href="{{ route('projects.testimonials.create', $project->id) }}" class="btn btn-success mb-3">Ajouter un Témoignage</a>
            </div>
        </div>
        <div class="card-body border-top p-9">
            @if($project->testimonials->isNotEmpty())
            <ul class="list-group">
                @foreach($project->testimonials as $testimonial)
                <li class="list-group-item d-flex justify-content-between align-items-center">
                    <div>
                        <h5>{{ $testimonial->client_name }} - {{ $testimonial->position }} at {{ $testimonial->client_company }}</h5>
                        <p>{{ $testimonial->description }}</p>
                    </div>
                    <span class="d-flex">
                        <a href="{{ route('projects.testimonials.edit', [$project->id, $testimonial->id]) }}" class="btn btn-warning btn-sm me-2">Modifier</a>
                        <form action="{{ route('projects.testimonials.destroy', [$project->id, $testimonial->id]) }}" method="POST" style="display:inline-block;">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-danger btn-sm">Supprimer</button>
                        </form>
                    </span>
                </li>
                @endforeach
            </ul>
            @else
            <p>Aucun témoignage pour ce projet.</p>
            @endif
        </div>

    </div>
    @endif
</div>
<!--end::Content-->
</div>
@include('projects.script')

@endsection