@extends('layouts.admin')
@section('title')
    {{$new->title}}
@endsection

@section('breadcrumbs')
    {{ Breadcrumbs::render('admin.news.view', $new) }}
@endsection

@section('content')

    @section('buttons')
        <edit-news :payload="{{$new}}" :type="{{$new->category}}"></edit-news>
    @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">{{$new->title}}</h3>
                            <div class="fs-6 fw-bold text-gray-400">{{@$new->city->name}}</div>
                        </div>
                    </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::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">Locație</div>
                                <div class="ms-auto fw-bolder text-gray-700">{{$new->location}}</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">GPS LAT</div>
                                <div class="ms-auto fw-bolder text-gray-700">{{$new->lat}}</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">GPS LNG</div>
                                <div class="ms-auto fw-bolder text-gray-700">{{$new->lng}}</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">Link</div>
                                <div class="ms-auto fw-bolder text-gray-700"><a
                                            href="{{$new->link}}">{{$new->domain_link}}</a></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">Recomandat</div>
                                <div class="ms-auto fw-bolder text-gray-700">{{$new->featured ? 'Da' : 'Nu'}}</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">{{$new->updated_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">Data</div>
                                <div class="ms-auto fw-bolder text-gray-700">{{$new->date}}</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">Harta</h3>
                    </div>
                    <!--end::Card title-->

                </div>
                <!--end::Card header-->
                <!--begin::Card body-->
                <div class="card-body pt-10 pb-0 px-5 mb-10" style="position: relative;">

                    <show-map :payload="{{$new}}"></show-map>
                </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="{{$new->images}}" :id="{{$new->id}}" :db="'news_images'"></manage-images>
                </div>
            </div>
        </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">Descriere</h3>
                    </div>
                    <!--end::Card title-->

                </div>
                <div class="card-body">
                    {{$new->description}}
                </div>
            </div>
        </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">Atașamente</h3>
                    </div>
                    <!--end::Card title-->

                </div>
                <div class="card-body">
                    @if($new->files && count($new->files))
                        <table class="table table-bordered">
                            <th>Numer</th>
                            <th>Actiune</th>
                            @foreach($new->files as $file)
                                <tr>
                                    <td> <p> <a href="{{ asset($file->file) }}" target="_blank"> {{ $file->name }} </a></p> </td>
                                    <td> <a class="btn btn-icon btn-active-light-primary w-30px h-30px" onclick="deleteFunction(event, 2, '{{route('admin.file.delete', $file->id)}}')" id="delete-course" ><i class="fa fa-trash"></i></a></td>
                                </tr>
                            @endforeach
                        </table>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection