{{-- <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Project Details</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        .project-card {
            border: 1px solid #ddd;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            padding: 20px;
        }

        .project-photo {
            max-width: 100%;
            border-radius: 8px;
        }

        .project-doc {
            max-width: 100%;
            border-radius: 8px;
            padding: 10px 0;
        }

        .project-title {
            font-size: 1.5rem;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .project-details dt {
            font-weight: bold;
        }

        .project-details dd {
            margin-bottom: 10px;
        }
    </style>
</head>

<body>
    <div class="container mt-5">
        <div class="project-card">
            <div class="project-title">
                {{ $project->judul_project }}
            </div>

            <div class="row">
                <div class="col-md-6">
                    <dl class="project-details">
                        <dt>Sub Sector</dt>
                        <dd>{{ $project->bidang_sub_sektor_ekonomi_kreatif }}</dd>

                        <dt>Latar Belakang</dt>
                        <dd>{{ $project->latar_belakang }}</dd>

                        <dt>Penerima Manfaat Pengguna Project</dt>
                        <dd>{{ $project->penerima_manfaat_pengguna_project }}</dd>

                        <dt>Solusi Project</dt>
                        <dd>{{ $project->solusi_project }}</dd>

                        <dt>Parameter Kesuksesan</dt>
                        <dd>{{ $project->parameter_kesuksesan }}</dd>

                        <dt>Rincian Kebutuhan</dt>
                        <dd>{{ $project->rincian_kebutuhan }}</dd>

                        <dt>Deskripsi Kolaborasi</dt>
                        <dd>{{ $project->deskripsi_kolaborasi }}</dd>

                        <dt>Kata Kunci</dt>
                        <dd>{{ $project->kata_kunci }}</dd>

                        <dt>Batas Terima Tawaran</dt>
                        <dd>{{ $project->batas_terima_tawaran->format('d-m-Y') }}</dd>
                        <!-- Added Fields -->
                        <dt>Tanggal Mulai</dt>
                        <dd>{{ $project->tanggal_mulai->format('d-m-Y') }}</dd>

                        <dt>Tanggal Berakhir</dt>
                        <dd>{{ $project->tanggal_berakhir->format('d-m-Y') }}</dd>

                        <dt>Nominal Kebutuhan</dt>
                        <dd>Rp {{ number_format($project->nominal_kebutuhan, 2, ',', '.') }}</dd>

                        <dt>Kategori</dt>
                        <dd>{{ $project->kategori }}</dd>

                        <dt>Kontak</dt>
                        <dd>{{ $project->kontak }}</dd>
                    </dl>
                </div>
                <div class="col-md-6">
                    @if ($project->foto_proyek)
                        <div class="mb-3">
                            <h5>Foto Project</h5>
                            <img src="{{ Storage::url($project->foto_proyek) }}" alt="Project Photo"
                                class="project-photo">
                        </div>
                    @endif

                    @if ($project->dokumen_pendukung)
                        <div class="mb-3">
                            <h5>Dokumen Pendukung</h5>
                            <a href="{{ Storage::url($project->dokumen_pendukung) }}"
                                download="{{ basename($project->dokumen_pendukung) }}"
                                class="btn btn-primary">Download</a>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <a href="{{ route('landingpage.index') }}" class="btn btn-secondary mt-4">Back to List</a>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>

</html> --}}


<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="{{ asset('assetslixi/css/bootstrap.min.css') }}">
    <!-- Meanmenu CSS -->
    <link rel="stylesheet" href="{{ asset('assetslixi/css/meanmenu.css') }}">
    <!-- Boxicons CSS -->
    <link rel="stylesheet" href="{{ asset('assetslixi/css/boxicons.min.css') }}">
    <!-- Odometer CSS -->
    <link rel="stylesheet" href="{{ asset('assetslixi/css/odometer.min.css') }}">
    <!-- Popup CSS -->
    <link rel="stylesheet" href="{{ asset('assetslixi/css/magnific-popup.min.css') }}">
    <!-- Owl Carousel -->
    <link rel="stylesheet" href="{{ asset('assetslixi/css/owl.carousel.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assetslixi/css/owl.theme.default.min.css') }}">
    <!-- Nice Select CSS -->
    <link rel="stylesheet" href="{{ asset('assetslixi/css/nice-select.min.css') }}">
    <!-- Style CSS -->
    <link rel="stylesheet" href="{{ asset('assetslixi/css/style.css') }}">
    <!-- Responsive CSS -->
    <link rel="stylesheet" href="{{ asset('assetslixi/css/responsive.css') }}">
    <!-- Theme Dark CSS -->
    <link rel="stylesheet" href="{{ asset('assetslixi/css/theme-dark.css') }}">

    <title>Matchmaking</title>

    <link rel="icon" type="image/png" href="{{ asset('assetslixi/img/favicon.png') }}">
</head>


<body>
    <!-- Navbar Area -->
    <div class="navbar-area two fixed-top">
        <!-- Menu For Mobile Device -->
        <div class="mobile-nav">
            <a href="index.html" class="logo">
                <img src="assetslixi/img/logo.png" alt="Logo">
            </a>
        </div>

        <!-- Menu For Desktop Device -->
        <div class="main-nav">
            <div class="container">
                <nav class="navbar navbar-expand-md navbar-light">
                    <a class="navbar-brand" href="index.html">
                        <img src="assetslixi/img/logo.png" alt="Logo">
                    </a>
                    <div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
                        <ul class="navbar-nav">
                            <li class="nav-item">
                                <a href="#" class="nav-link dropdown-toggle">Home <i
                                        class='bx bx-chevron-down'></i></a>
                                <ul class="dropdown-menu">
                                    <li class="nav-item">
                                        <a href="index.html" class="nav-link">Home Page One</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="index-2.html" class="nav-link">Home Page Two</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="index-3.html" class="nav-link">Home Page Three</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="nav-item">
                                <a href="#" class="nav-link dropdown-toggle">Pages <i
                                        class='bx bx-chevron-down'></i></a>
                                <ul class="dropdown-menu">
                                    <li class="nav-item">
                                        <a href="#" class="nav-link dropdown-toggle">User <i
                                                class='bx bx-chevron-down'></i></a>
                                        <ul class="dropdown-menu">
                                            <li class="nav-item">
                                                <a href="sign-in.html" class="nav-link">Masuk</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="sign-up.html" class="nav-link">Daftar</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="nav-item">
                                        <a href="team.html" class="nav-link">Team</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="testimonial.html" class="nav-link">Testimonials</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="faq.html" class="nav-link">FAQ</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="404.html" class="nav-link">404 Error Page</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="coming-soon.html" class="nav-link">Coming Soon</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="privacy-policy.html" class="nav-link">Privacy Policy</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="terms-and-conditions.html" class="nav-link">Terms & Conditions</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="nav-item">
                                <a href="about.html" class="nav-link">About</a>
                            </li>
                            <li class="nav-item">
                                <a href="#" class="nav-link dropdown-toggle">Services <i
                                        class='bx bx-chevron-down'></i></a>
                                <ul class="dropdown-menu">
                                    <li class="nav-item">
                                        <a href="services.html" class="nav-link">Services</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="service-details.html" class="nav-link">Service Details</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="nav-item">
                                <a href="#" class="nav-link dropdown-toggle active">Projects <i
                                        class='bx bx-chevron-down'></i></a>
                                <ul class="dropdown-menu">
                                    <li class="nav-item">
                                        <a href="projects.html" class="nav-link">Projects</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="project-details.html" class="nav-link active">Project Details</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="nav-item">
                                <a href="#" class="nav-link dropdown-toggle">Blog <i
                                        class='bx bx-chevron-down'></i></a>
                                <ul class="dropdown-menu">
                                    <li class="nav-item">
                                        <a href="blog.html" class="nav-link">Blog</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="blog-details.html" class="nav-link">Blog Details</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="nav-item">
                                <a href="contact.html" class="nav-link">Contact</a>
                            </li>
                        </ul>
                        <div class="side-nav">
                            <a href="#">Book A Schedule</a>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
    </div>
    <!-- End Navbar Area -->

    <!-- Page Title -->
    <div class="page-title-area">
        <div class="d-table">
            <div class="d-table-cell">
                <div class="container">
                    <div class="title-item">
                        <h2>Project Details</h2>
                        <ul>
                            <li>
                                <a href="index.html">Home</a>
                            </li>
                            <li>
                                <i class='bx bx-chevrons-right'></i>
                            </li>
                            <li>
                                <span>Project Details</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Page Title -->

    <!-- Project Details -->
    <div class="project-details-area ptb-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-9">
                    <div class="details-item">
                        <div class="details-img">
                            <img src="assetslixi/img/service-details1.jpg" alt="Details">
                            <h3>Get Description Of Your Project</h3>
                            <p>It is a long established fact that a reader will be distracted by the readable content of
                                a page when looking at its layout. The point of using Lorem Ipsum is that it has a
                                more-or-less normal distribution of letters, as opposed to using 'Content here, content
                                here', making it look like readable English. Many desktop publishing packages and web
                                page editors now use Lorem Ipsum as their default model text, and a search for 'lorem
                                ipsum' will uncover many web sites still in their infancy. Various versions have evolved
                                over the years, sometimes by accident</p>
                            <div class="row align-items-center">
                                <div class="col-lg-6">
                                    <img src="assetslixi/img/project-details1.jpg" alt="Details">
                                </div>
                                <div class="col-lg-6">
                                    <div class="details-img-right">
                                        <ul>
                                            <li>
                                                <i class='bx bx-check-double'></i>
                                                We have over 10 years experience
                                            </li>
                                            <li>
                                                <i class='bx bx-check-double'></i>
                                                We always give best services to clients
                                            </li>
                                            <li>
                                                <i class='bx bx-check-double'></i>
                                                We are always responsive to do work
                                            </li>
                                            <li>
                                                <i class='bx bx-check-double'></i>
                                                We have professional workers
                                            </li>
                                            <li>
                                                <i class='bx bx-check-double'></i>
                                                We provide life time support
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <h3>Get More Advise About Cleaning</h3>
                            <p class="one-p">Lorem Ipsum is simply dummy text of the printing and typesetting
                                industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
                                when an unknown printer took a galley of type and scrambled it to make a type specimen
                                book. It has survived not only five centuries, but also the leap into electronic
                                typesetting, remaining essentially unchanged. It was popularised in the 1960s with the
                                release of Letraset sheets containing Lorem Ipsum passages, and more recently with
                                desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae recusandae quae,
                                quidem ab qui tempore voluptates quo sint tempora aperiam aliquam eaque nemo, nam ad
                                maiores, atque quis ex perferendis!</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="widget-area">
                        <div class="information widget-item">
                            <h3>Project Information</h3>
                            <ul>
                                <li>
                                    <span>Date:</span>
                                    20 June, 2020
                                </li>
                                <li>
                                    <span>Duration:</span>
                                    7 Days
                                </li>
                                <li>
                                    <span>Amount:</span>
                                    $2,000
                                </li>
                                <li>
                                    <span>Client:</span>
                                    Tom Henry
                                </li>
                                <li>
                                    <span>Location:</span>
                                    6th Floor, Barbosa, Sidney
                                </li>
                            </ul>
                        </div>
                        <div class="related widget-item">
                            <h3>Related Post</h3>
                            <div class="related-inner">
                                <ul class="align-items-center">
                                    <li>
                                        <img src="assetslixi/img/service-details12.jpg" alt="Details">
                                    </li>
                                    <li>
                                        <a href="#">Office Cleaning</a>
                                        <span>20 July</span>
                                    </li>
                                </ul>
                            </div>
                            <div class="related-inner">
                                <ul class="align-items-center">
                                    <li>
                                        <img src="assetslixi/img/service-details13.jpg" alt="Details">
                                    </li>
                                    <li>
                                        <a href="#">House Cleaning</a>
                                        <span>21 July</span>
                                    </li>
                                </ul>
                            </div>
                            <div class="related-inner">
                                <ul class="align-items-center">
                                    <li>
                                        <img src="assetslixi/img/service-details14.jpg" alt="Details">
                                    </li>
                                    <li>
                                        <a href="#">Window Cleaning</a>
                                        <span>22 July</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="newsletter widget-item">
                            <h3>Newsletter</h3>
                            <form>
                                <input type="email" class="form-control" placeholder="Enter your email">
                                <button type="submit" class="btn cmn-btn">Subscribe</button>
                            </form>
                        </div>
                        <div class="tags widget-item">
                            <h3>Tags</h3>
                            <ul>
                                <li>
                                    <a href="#">Cleaner</a>
                                </li>
                                <li>
                                    <a href="#">Corporate</a>
                                </li>
                                <li>
                                    <a href="#">Agency</a>
                                </li>
                                <li>
                                    <a href="#">Office</a>
                                </li>
                                <li>
                                    <a href="#">Kitchen</a>
                                </li>
                                <li>
                                    <a href="#">Deep</a>
                                </li>
                                <li>
                                    <a href="#">Sanitizer</a>
                                </li>
                            </ul>
                        </div>
                        <div class="call widget-item">
                            <h3>Call Now</h3>
                            <a href="tel:+0123456789">+0123-456-789</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Project Details -->

    <!-- Subscribe -->
    <div class="subscribe-area">
        <div class="subscribe-wrap">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="section-title">
                            <h2>Stay Up To Date With Our Latest News!</h2>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <form class="newsletter-form" data-toggle="validator">
                            <input type="email" class="form-control" placeholder="Enter your email" name="EMAIL"
                                required autocomplete="off">

                            <button class="btn cmn-btn" type="submit">
                                Subscribe
                            </button>
                            <div id="validator-newsletter" class="form-result"></div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Subscribe -->

    <!-- Footer -->
    <footer class="pt-100">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-lg-3">
                    <div class="footer-item">
                        <div class="footer-logo">
                            <a href="index.html">
                                <img src="assetslixi/img/logo.png" alt="Logo">
                            </a>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. It has
                                survived not only five centuries, but also the leap into electronic.</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-3">
                    <div class="footer-item">
                        <div class="footer-company">
                            <h3>Company</h3>
                            <ul>
                                <li>
                                    <a href="about.html" target="_blank">About</a>
                                </li>
                                <li>
                                    <a href="services.html" target="_blank">Services</a>
                                </li>
                                <li>
                                    <a href="projects.html" target="_blank">Projects</a>
                                </li>
                                <li>
                                    <a href="team.html" target="_blank">Team</a>
                                </li>
                                <li>
                                    <a href="blog.html" target="_blank">Blog</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-3">
                    <div class="footer-item">
                        <div class="footer-company">
                            <h3>Support</h3>
                            <ul>
                                <li>
                                    <a href="faq.html" target="_blank">FAQ</a>
                                </li>
                                <li>
                                    <a href="privacy-policy.html" target="_blank">Privacy Policy</a>
                                </li>
                                <li>
                                    <a href="terms-and-conditions.html" target="_blank">Terms & Conditions</a>
                                </li>
                                <li>
                                    <a href="#" target="_blank">Community</a>
                                </li>
                                <li>
                                    <a href="contact.html" target="_blank">Contact</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-3">
                    <div class="footer-item">
                        <div class="footer-contact">
                            <h3>Contact Info</h3>
                            <ul>
                                <li>
                                    <span>Location: 6th Floor, Barbosa, Sidney</span>
                                </li>
                                <li>
                                    <span>Email:</span>
                                    <a href="mailto:info@lixi.com" target="_blank">info@lixi.com</a>
                                </li>
                                <li>
                                    <span>Phone:</span>
                                    <a href="tel:+0123456789" target="_blank">+0123 456 789</a>
                                </li>
                            </ul>
                        </div>
                        <div class="footer-social">
                            <ul>
                                <li>
                                    <a href="#" target="_blank">
                                        <i class='bx bxl-facebook'></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" target="_blank">
                                        <i class='bx bxl-twitter'></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" target="_blank">
                                        <i class='bx bxl-linkedin'></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" target="_blank">
                                        <i class='bx bxl-instagram'></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="copyright-area">
                <p>Copyright @
                    <script>
                        document.write(new Date().getFullYear())
                    </script> Lixi. Designed By <a href="https://hibootstrap.com/"
                        target="_blank">HiBootstrap</a>
                </p>
            </div>
        </div>
    </footer>
    <!-- End Footer -->


    <!-- Essential JS -->
    <script src="{{ asset('assetslixi/js/jquery.min.js') }}"></script>
    <script src="{{ asset('assetslixi/js/bootstrap.bundle.min.js') }}"></script>
    <!-- Form Validator JS -->
    <script src="{{ asset('assetslixi/js/form-validator.min.js') }}"></script>
    <!-- Contact JS -->
    <script src="{{ asset('assetslixi/js/contact-form-script.js') }}"></script>
    <!-- Ajax Chip JS -->
    <script src="{{ asset('assetslixi/js/jquery.ajaxchimp.min.js') }}"></script>
    <!-- Meanmenu JS -->
    <script src="{{ asset('assetslixi/js/jquery.meanmenu.js') }}"></script>
    <!-- Odometer JS -->
    <script src="{{ asset('assetslixi/js/odometer.min.js') }}"></script>
    <script src="{{ asset('assetslixi/js/jquery.appear.js') }}"></script>
    <!-- Popup JS -->
    <script src="{{ asset('assetslixi/js/jquery.magnific-popup.min.js') }}"></script>
    <!-- Owl Carousel -->
    <script src="{{ asset('assetslixi/js/owl.carousel.min.js') }}"></script>
    <!-- Nice Select JS -->
    <script src="{{ asset('assetslixi/js/jquery.nice-select.min.js') }}"></script>
    <!-- Thumb Slider JS -->
    <script src="{{ asset('assetslixi/js/thumb-slide.js') }}"></script>
    <!-- Custom JS -->
    <script src="{{ asset('assetslixi/js/custom.js') }}"></script>

</body>

</html>
