@extends('layouts.index')

@section('page_title')
    Project Details
@endsection

@section('locations_active')
    nav-item active
@endsection

@section('projects_active')
    nav-item active
@endsection

@section('pg_name')
    Project Details List
@endsection

@section('headaddons')
    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
@endsection

@section('content')
    @if (count($errors) > 0)
        <div class="col-12" id="div__Error">
            @foreach ($errors->all() as $error)
                <div class="zoomIn col-12 alert alert-danger">
                    {{$error}}
                </div>
            @endforeach
        </div>
    @endif

    @if (session('success'))
        <div class="col-12 alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    <div class="container">
        <div class="card">
            <div class="card-header">
                <h2>{{ $project->projectName }}</h2>
            </div>
            <div class="card-body">
                <p><strong>Client Name:</strong> {{ $project->clientName }}</p>
                <p><strong>Categories:</strong> {{ $project->categories }}</p>
                <p><strong>Project Head:</strong> {{ $project->projectHead }}</p>
                <p><strong>Project Content:</strong> {{ $project->projectContent }}</p>
                <p><strong>Project Address:</strong> {{ $project->projectAddress }}</p>
                <ul>
                    @foreach(json_decode($project->contactWay, true) as $key => $value)
                        <li><strong>{{ ucfirst($key) }}:</strong> {{ $value }}</li>
                    @endforeach
                </ul>

                <p><strong>Opened Hours:</strong></p>
                <ul>
                    @foreach(json_decode($project->openedHours, true) as $hour)
                        <li>
                            <strong>Day:</strong> {{ $hour['dayOfWeek'] }},
                            <strong>Time:</strong> {{ $hour['time'] }}
                        </li>
                    @endforeach
                </ul>


                @if($project->projectPhoto)
    <p><strong>Project Photos:</strong></p>
    @foreach(json_decode($project->projectPhoto) as $photo)
        <p><a href="{{ env('APP_URL') . '/' .  $photo }}" target="_blank">{{ env('APP_URL') . '/' . $photo }}</a></p>
        <img src="{{ env('APP_URL') . '/' . $photo }}" alt="Project Photo" class="img-fluid" />
    @endforeach
@endif



                <p><strong>Created At:</strong> {{ $project->created_at->format('Y-m-d') }}</p>
                <p><strong>Updated At:</strong> {{ $project->updated_at->format('Y-m-d') }}</p>
            </div>
        </div>

        <!-- New Edit Button -->
        <a href="{{ route('projects.edit', $project->id) }}" class="btn btn-warning mt-3">Edit Project</a>

        <a href="{{ route('projects.index') }}" class="btn btn-primary mt-3">Back to Projects</a>
    </div>
@endsection