@extends('layouts.website-main-menu')

@section('content')
    <style>
        ul li, ol li {
            list-style: none;
            color: white;
            font-size: 18px !important;
        }

        p {
            font-size: 18px !important;
        }
    </style>

    <section class="newsletter-area section-padding-100 bg-img jarallax" style="background-image: url(/main-website/img/lady.jpg);">
        <div class="container">
            <div style="background-color: black;padding-top: 15px;padding-bottom: 15px;" class="row justify-content-center">
                <div class="col-12 col-sm-10 col-lg-10">
                    <div class="nl-content">
                        <div class="text-center">
                            @if ($message = Session::get('success'))
                                <div class="alert alert-success">
                                    <p style="color: black;">{{ $message }}</p>
                                </div>
                            @endif
                            <h2>{{ $tender->name }}</h2>
                            <img src="/main-website/img/white-logo.png" alt="">
                            <p>&nbsp;&nbsp;</p>
                            <p><strong>Reference:</strong> {{ $tender->reference }}</p>
                            <p><strong>Opening Date:</strong> {{ $tender->opening_date }}</p>
                            <p><strong>Closing Date and Time:</strong> {{ $tender->closing_date }} {{ $tender->closing_time }}<br><br></p>

                            <h3 style="color: white;">Contact Person Information</h3>
                            <p><strong>Contact Person:</strong> {{ $tender->contact_person }}</p>
                            <p><strong>Contact Person Number:</strong> {{ $tender->contact_person_number }}</p>
                            <p><strong>Contact Person Email:</strong> {{ $tender->contact_person_email }}<br><br></p>

                            <h3 style="color: white;">Briefing Information</h3>
                            <p><strong>Briefing Date:</strong> {{ $tender->briefing_date }}</p>
                            <p><strong>Briefing Time:</strong> {{ $tender->briefing_time }}</p>
                            <p><strong>Briefing Details:</strong> {!! $tender->briefing_details !!}</p><br>

                        </div>
                        <p> {!! $tender->description !!}</p><br>

                        @if($tender->documents)
                            <h3 style="color: white;">Supporting Documents</h3>
                            <ul>
                                @foreach(json_decode($tender->documents, true) as $document)
                                    <li>
                                        <i class="fa-solid fa-file-pdf">&nbsp;&nbsp;</i>
                                        <a style="color:white;" href="{{ asset('storage/' . $document) }}" target="_blank">{{ basename($document) }}</a>
                                    </li>
                                @endforeach
                            </ul>
                        @endif

                        <div style="margin-top: 25px;margin-bottom: 25px;" class="text-center">
                            <a href="/open-tenders" class="btn credit-btn">Back to Tenders</a>

                            @if (Auth::check())
                                @if ($company)
                                    <a href="{{ route('tender.apply', ['tender' => $tender->id]) }}" class="btn credit-btn">Apply</a>
                                @else
                                    <a href="{{ route('companies.create') }}" class="btn credit-btn">Register Company to Apply</a>
                                @endif
                            @else
                                <a href="{{ route('login') }}" class="btn credit-btn">Login to Apply</a>
                            @endif
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection