@extends('layouts.admin')
@section('content')
    @section('headerTitle')
        Probleme raportate
    @endsection
    @section('breadcrumbs')
        {{ Breadcrumbs::render('admin.interact.problems') }}
    @endsection
    @section('buttons')


    @endsection
    <div class="row g-6 g-xl-9">
        <!--begin::Col-->
        <div class="col-lg-6">
            <!--begin::Summary-->
            <div class="card card-flush h-lg-100">
                <!--begin::Card header-->
                <div class="card-header mt-6">
                    <!--begin::Card title-->
                    <div class="card-title ">
                        <div class="flex-column">
                            <h3 class="fw-bolder mb-1">{{$data->title}}</h3>
                        </div>
                    </div>
                    <!--end::Card title-->
                    <!--begin::Card toolbar-->
                    {{-- <div class="card-toolbar">
                        <edit-station :payload="{{$item}}"></edit-station>
                    </div> --}}
                    <!--end::Card toolbar-->
                </div>
                <!--end::Card header-->
                <!--begin::Card body-->
                <div class="card-body p-9 pt-5">
                    <!--begin::Wrapper-->
                    <div class="d-flex flex-wrap">
                        <!--begin::Labels-->
                        <div class="d-flex flex-column justify-content-center flex-row-fluid pe-11 mb-5">

                            <div class="d-flex fs-6 fw-bold align-items-center mb-3">
                                <div class="bullet bg-primary me-3"></div>
                                <div class="text-gray-400">Denumire</div>
                                <div class="ms-auto fw-bolder text-gray-700">{{@$data->title}}</div>
                            </div>
                            <!--end::Label-->


                            <!--begin::Label-->
                            <div class="d-flex fs-6 fw-bold align-items-center">
                                <div class="bullet bg-primary me-3"></div>
                                <div class="text-gray-400">Adaugat de</div>

                                <div class="ms-auto fw-bolder text-gray-700">
                                    @if($data->user)
                                        <a href="{{route('admin.users.view', $data->user->id)}}">{{$data->user->name}}</a>
                                    @endif
                                </div>


                            </div>


                            <div class="d-flex fs-6 fw-bold align-items-center">
                                <div class="bullet bg-primary me-3"></div>
                                <div class="text-gray-400">Tipul Problemei</div>
                                <div class="ms-auto fw-bolder text-gray-700">{{ $data->type->name}}</div>
                            </div>

                            <div class="d-flex fs-6 fw-bold align-items-center">
                                <div class="bullet bg-primary me-3"></div>
                                <div class="text-gray-400">Status</div>
                                <div class="ms-auto fw-bolder text-gray-700">{{ \App\Models\Problem::STATUS[$data->status]}}</div>
                            </div>

                            <div class="d-flex fs-6 fw-bold align-items-center">
                                <div class="bullet bg-primary me-3"></div>
                                <div class="text-gray-400">Ultima actualizare</div>
                                <div class="ms-auto fw-bolder text-gray-700">{{  \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $data->updated_at)->format('d-m-Y')}}</div>
                            </div>
                            <!--end::Label-->
                        </div>
                        <!--end::Labels-->
                    </div>
                    <!--end::Wrapper-->
                </div>
                <!--end::Card body-->
            </div>
            <!--end::Summary-->
        </div>
        <!--end::Col-->
        <!--begin::Col-->

        <!--end::Label-->


        <!--end::Label-->
        <div class="col-lg-6">
            <div class="card card-flush">
                <div class="card-header mt-6">
                    <!--begin::Card title-->
                    <div class="card-title flex-column">
                        <h3 class="fw-bolder mb-1">Imagini</h3>
                    </div>
                    <!--end::Card title-->

                </div>
                <div class="card-body row">
                    @if($data->images)
                        @php
                            $images = $data->images;
                            $imagess = explode('|', $images);
                        @endphp
                        @foreach($imagess as $item)

                            <div class="col-md-6">
                                <img style="max-width: 100%; max-height: 240px" class="img" src="{{URL::to($item)}}"
                                     alt="poze"><br>
                            </div>

                        @endforeach
                </div>

            </div>

            </section>
            @endif
        </div>

        <div class="col-lg-12">
            <div class="card card-flush">
                <div class="card-header mt-6">
                    <!--begin::Card title-->
                    <div class="card-title flex-column">
                        <h3 class="fw-bolder mb-1">Descrierea problemei</h3>
                    </div>
                    <!--end::Card title-->

                </div>
                <div class="card-body">
                    {!! @$data->description !!}
                </div>
            </div>
        </div>

        <div class="col-lg-12">
            <div class="card card-flush">
                <div class="card-header mt-6">
                    <!--begin::Card title-->
                    <div class="card-title flex-column">
                        <h3 class="fw-bolder mb-1">Comentarii</h3>
                    </div>
                    <!--end::Card title-->

                </div>
                <div class="card-body">
                    <ul class="comments">
                        @foreach($comments as $comentariu)
                            <li class="comment">
                                <div class="commentUserAndDate">
                                    <p class="nume">{{$comentariu->user->name}}</p>
                                    <p class="dataComentariu">{{$comentariu->created_at}}</p>
                                </div>
                                <p class="commentText">
                                    {{$comentariu->comment}}
                                </p>
                            </li>
                        @endforeach

                    </ul>
                </div>
            </div>
        </div>
    </div>

    </div>
@endsection
@push('scripts')

@endpush