@extends('layouts.admin')
@section('content')
    @section('headerTitle')
        {{$item->title}}
    @endsection
    @section('breadcrumbs')
        {{ Breadcrumbs::render('admin.localGuidance.view', $item) }}
    @endsection
    @section('buttons')
{{--        <edit-local-guidance :item="{{$item}}"></edit-local-guidance>--}}

    @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">{{$item->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">Nume</div>
                                <div class="ms-auto fw-bolder text-gray-700">{{@$item->name}}</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">Rol/Partid</div>
                                <div class="ms-auto fw-bolder text-gray-700">{{$item->role}}</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">Ultima actualizare</div>
                                <div class="ms-auto fw-bolder text-gray-700">{{$item->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">
                <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">Imagine</h3>
                        </div>
                        <!--end::Card title-->

                    </div>
                    <div class="card-body">
                        <img class="mw-100" src="{{@$item->image->original}}" alt="">
                    </div>
                </div>
            </div>

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

@endpush