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

    <div class="row g-6 g-xl-9">
        <div class="col-lg-6">
            <div class="card card-flush h-lg-100">
                <div class="card-header mt-6">
                    <div class="card-title ">
                        <div class="flex-column">
                            <h3 class="fw-bolder mb-1">{{$data->title}}</h3>
                        </div>
                    </div>
                </div>

                <div class="card-body p-9 pt-5">
                    <div class="d-flex flex-wrap">
                        <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>--}}

                            <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">Tipul SubProblemei</div>
                                <div class="ms-auto fw-bolder text-gray-700">{{ @$data->subtype->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">Locatia</div>
                                <div class="ms-auto fw-bolder text-gray-700">{{ @$data->location}}</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\Problems\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>
                        </div>
                    </div>

                    <div>
                        <update-item-status :item="{{$data}}"
                                            :statuses="{{json_encode(\App\Models\Problems\Problem::STATUS)}}"
                                            :update-url="'{{route('admin.problems.updateStatus')}}'">
                        </update-item-status>
                    </div>

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

        <div class="col-lg-6">
            <div class="card card-flush">
                <div class="card-header mt-6">
                    <div class="card-title flex-column">
                        <h3 class="fw-bolder mb-1">Imagini</h3>
                    </div>
                </div>
                <div class="card-body row">
                    @if($data->problemImages)
                        {{--                        @php--}}
                        {{--                            $images = $data->images;--}}
                        {{--                            $imagess = explode('|', $images);--}}
                        {{--                        @endphp--}}
                        @foreach($data->problemImages as $item)
                            <div class="col-md-6">
                                <img style="max-width: 100%; max-height: 240px" class="img"
                                     src="{{asset('storage/uploads/problems/' . $item->image_name)}}">
                                <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