@extends('layouts.admin')
@section('content')
@section('headerTitle')
{{$proposal->title}}
@endsection
@section('breadcrumbs')

    {{ Breadcrumbs::render('admin.initiative.index.view', $proposal) }}
{{--<!--end::Item-->--}}
{{--<!--begin::Item-->--}}
{{--<li class="breadcrumb-item text-white opacity-75">--}}
{{--    <a href="{{route('admin.index')}}" class="text-white text-hover-primary">Acasa</a>--}}
{{--</li>--}}
{{--<li class="breadcrumb-item">--}}
{{--    <span class="bullet bg-white opacity-75 w-5px h-2px"></span>--}}
{{--</li>--}}
{{--<li class="breadcrumb-item text-white opacity-75">--}}
{{--    <a href="{{route('admin.initiative.index')}}" class="text-white text-hover-primary">Initiative</a>--}}
{{--</li>--}}
{{--<li class="breadcrumb-item">--}}
{{--    <span class="bullet bg-white opacity-75 w-5px h-2px"></span>--}}
{{--</li>--}}
{{--<li class="breadcrumb-item text-white opacity-75">--}}
{{--    {{$proposal->title}}--}}
{{--</li>--}}

@endsection
@section('buttons')
@can('admin-create')
<edit-proposal :proposal="{{$proposal->setAppends([])}}"></edit-proposal>
@endcan
@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">{{$proposal->title}}</h3>
                 </div>
                </div>
            </div>
            <!--end::Card header-->
            <!--begin::Card body-->
            <div class="card-body p-9 pt-5">
                <!--begin::Wrapper-->
                <div class="d-flex flex-wrap">
                    <!--begin::Chart-->
              
                    <!--end::Chart-->
                    <!--begin::Labels-->
                    <div class="d-flex flex-column justify-content-center flex-row-fluid pe-11 mb-5">
                        <!--begin::Label-->
                        <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">Create de</div>
                            <div class="ms-auto fw-bolder text-gray-700">{{$proposal->user->name}}</div>
                        </div>
                        <!--end::Label-->
                        <!--begin::Label-->
                        <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">Categoria</div>
                            <div class="ms-auto fw-bolder text-gray-700">{{$proposal->type->name}}</div>
                        </div>
                        <!--end::Label-->
                        <!--begin::Label-->
                        <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">Tematica</div>
                            <div class="ms-auto fw-bolder text-gray-700">{{$proposal->topic->name}}</div>
                        </div>
                        <!--end::Label-->
                        <!--begin::Label-->
                   
                        <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">Status</div>
                            <div class="ms-auto fw-bolder text-gray-700">{{$proposal->status}}</div>
                        </div>
                        <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">Nivel suport</div>
                            <div class="ms-auto fw-bolder text-gray-700">{{$proposal->ratings_average}}</div>
                        </div>
                        <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">Numarul de voturi</div>
                            <div class="ms-auto fw-bolder text-gray-700">{{$proposal->rating_count}}</div>
                        </div>
                        <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">Verificare depunere initiativa (afisare pe pagina publica)</div>
                            <div class="ms-auto fw-bolder text-gray-700">{{$proposal->data_submission == 0 ? 'false' : 'true'}}</div>
                        </div>
                        <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">Duplicare</div>
                            <div class="ms-auto fw-bolder text-gray-700">{{$proposal->duplication == 0 ? 'false' : 'true'}}</div>
                        </div>
                        <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">Corelare</div>
                            <div class="ms-auto fw-bolder text-gray-700">{{$proposal->correlation == 0 ? 'false' : 'true'}}</div>
                        </div>
                        <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">Spam</div>
                            <div class="ms-auto fw-bolder text-gray-700">{{$proposal->spam == 0 ? 'false' : 'true'}}</div>
                        </div>
                        <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">Documente necorespunzatoare</div>
                            <div class="ms-auto fw-bolder text-gray-700">{{$proposal->documents_inappropriate == 0 ? 'false' : 'true'}}</div>
                        </div>
                        <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">Data crearii</div>
                            <div class="ms-auto fw-bolder text-gray-700">{{$proposal->created_at}}</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">{{$proposal->updated_at}}</div>
                        </div>
                        <!--end::Label-->
                    </div>
                    <!--end::Labels-->
                </div>
                <!--end::Wrapper-->
            </div>
            <!--end::Card body-->
        </div>
        <!--end::Summary-->
    </div>
    <!--end::Col-->
    <!--begin::Col-->
    <div class="col-lg-6">
        <!--begin::Graph-->
        <div class="card card-flush h-lg-100">
            <!--begin::Card header-->
            <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>
            <!--end::Card header-->
            <!--begin::Card body-->
            <div class="card-body" style="height: 250px; overflow-y: auto">
                <ul class="list-group list-group-flush">
                    @foreach ($proposal->messages as $message)
                        <li class="list-group-item d-flex">{{$message->body}}</li>
                    @endforeach
                </ul>
            </div>

            <!--end::Card body-->
        </div>
        <!--end::Graph-->
    </div>

        <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">
                    <manage-images :files="{{$proposal->images}}" :id="{{$proposal->id}}" :db="'proposals_images'"></manage-images>
                </div>
    
            </div>
        </div>
</div>

@endsection