@extends('layouts.base')
@section('content')
    <div id="kt_app_content_container" class="app-container container-xxl">
        <input type="hidden" id="latlng" name="latlng" value="{{$operation->location}}">
        <!--begin::سوشیال - فالوورها -->
        <div class="d-flex flex-row mt-10">
            <!--begin::Content-->
            <div class="w-100 flex-lg-row-fluid mx-lg-13">
                <!--begin::Row-->
                <div class="row g-6 mb-6 g-xl-9 mb-xl-9">
                    <!--begin::فالوورها-->
                    <!--begin::Col-->
                    <div class="col-md-6">
                        <!--begin::کارت-->
                        <div class="card">
                            <!--begin::کارت body-->
                            <div class="card-body d-flex flex-center flex-column py-9 px-5">
                                <!--begin::Avatar-->
                                <div class=" mb-5">
                                    <img src="{{asset('storage/'.$operation?->patient?->image)}}" style="width: 100%;height: 100%" alt="image" />
                                    {{--                                                            <div class="bg-success position-absolute rounded-circle translate-middle start-100 top-100 border border-4 border-body h-15px w-15px ms-n3 mt-n3"></div>--}}
                                </div>
                                <!--end::Avatar-->
                                <a href="#" class="fs-4 text-gray-800 text-hover-primary fw-bold mb-0">{{$operation?->patient?->firstname .' '.$operation?->patient?->lastname}}</a>

                            </div>
                            <!--begin::کارت body-->
                        </div>
                        <!--begin::کارت-->
                    </div>
                    <!--end::Col-->
                    <!--end::فالوورها-->

                    <!--begin::Col-->
                    <div class="col-md-6">
                        <!--begin::????-->
                        <div class="card">

                            <!--begin::کارت body-->
                            <div class="card-body p-9">
                                <!--begin::Row-->
                                <div class="row mb-7">
                                    <!--begin::Tags-->
                                    <label class="col-lg-4 fw-semibold text-muted">زمان اجرا</label>
                                    <!--end::Tags-->
                                    <!--begin::Col-->
                                    <div class="col-lg-8">
                                        <span class="fw-bold fs-6 text-gray-800">{{jdate($operation->created_at)->format('H:i:s Y/m/d')}}</span>
                                    </div>
                                    <!--end::Col-->
                                </div>
                                <!--end::Row-->
                                <!--begin::Row-->
                                <div class="row mb-7">
                                    <!--begin::Tags-->
                                    <label class="col-lg-4 fw-semibold text-muted">اعصاب مغزی</label>
                                    <!--end::Tags-->
                                    <!--begin::Col-->
                                    <div class="col-lg-8">
                                        <span class="fw-bold fs-6 text-gray-800">{{implode(', ',$ne??[])}}</span>
                                    </div>
                                    <!--end::Col-->
                                </div>
                                <!--end::Row-->
                                <!--begin::Row-->
                                <div class="row mb-7">
                                    <!--begin::Tags-->
                                    <label class="col-lg-4 fw-semibold text-muted">نوع درگیری در قلب</label>
                                    <!--end::Tags-->
                                    <!--begin::Col-->
                                    <div class="col-lg-8">
                                        <span class="fw-bold fs-6 text-gray-800">{{implode(', ',$he??[])}}</span>
                                    </div>
                                    <!--end::Col-->
                                </div>
                                <!--end::Row-->
                                <!--begin::Input group-->
                                <div class="row mb-7">
                                    <!--begin::Tags-->
                                    <label class="col-lg-4 fw-semibold text-muted">نوع درگیری در چاکرا</label>
                                    <!--end::Tags-->
                                    <!--begin::Col-->
                                    <div class="col-lg-8 fv-row">
                                        <span class="fw-semibold text-gray-800 fs-6">{{implode(', ',$ch??[])}}</span>
                                    </div>
                                    <!--end::Col-->
                                </div>
                                <!--end::Input group-->
                                <!--begin::Input group-->
                                <div class="row mb-7">
                                    <!--begin::Tags-->
                                    <label class="col-lg-4 fw-semibold text-muted">تله پورت</label>
                                    <!--end::Tags-->
                                    <!--begin::Col-->
                                    <div class="col-lg-8 fv-row">
                                        <span class="fw-semibold text-gray-800 fs-6">{{$operation->teleport?'بله':'خیر'}}</span>
                                    </div>
                                    <!--end::Col-->
                                </div>
                                <!--end::Input group-->
                                <!--begin::Input group-->
                                <div class="row mb-7">
                                    <!--begin::Tags-->
                                    <label class="col-lg-4 fw-semibold text-muted">نوع درگیری</label>
                                    <!--end::Tags-->
                                    <!--begin::Col-->
                                    <div class="col-lg-8 fv-row">
                                        <span class="fw-semibold text-gray-800 fs-6">{{implode(', ',$int??[])}}</span>
                                    </div>
                                    <!--end::Col-->
                                </div>
                                <!--end::Input group-->
                                <!--begin::Input group-->
                                <div class="row mb-7">
                                    <!--begin::Tags-->
                                    <label class="col-lg-4 fw-semibold text-muted">مدت زمان اجرا</label>
                                    <!--end::Tags-->
                                    <!--begin::Col-->
                                    <div class="col-lg-8 fv-row">
                                        <span class="fw-semibold text-gray-800 fs-6">{{$operation->execution_time}} دقیقه </span>
                                    </div>
                                    <!--end::Col-->
                                </div>
                                <!--end::Input group-->
                                <!--begin::Input group-->
                                <div class="row mb-7">
                                    <!--begin::Tags-->
                                    <label class="col-lg-4 fw-semibold text-muted">قدرت اجرا</label>
                                    <!--end::Tags-->
                                    <!--begin::Col-->
                                    <div class="col-lg-8 fv-row">
                                        <span class="fw-semibold text-gray-800 fs-6">{{$operation->percentage}} درصد </span>
                                    </div>
                                    <!--end::Col-->
                                </div>
                                <!--end::Input group-->
                            </div>
                            <!--end::کارت body-->
                        </div>
                        <!--begin::????-->

                        <div class="card">
                            <!--begin::???? body-->
                            <div class="card-body d-flex flex-center flex-column py-9 px-5">
                                <div id="last-map" style="    height: 300px;
    width: 100%;"></div>
                            </div>
                        </div>
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->
                <!--begin::Row(for show more)-->
                <div class="row g-6 mb-6 g-xl-9 mb-xl-9 d-none" id="kt_followers_show_more_cards">
                    <!--begin::فالوورها-->
                </div>
                <!--end::Row-->
            </div>
            <!--end::Content-->
        </div>
        <!--end::سوشیال - فالوورها-->
    </div>
    <!--end::Content container-->
@endsection
@section('script')
    <script src="{{asset('assets/plugins/custom/leaflet/leaflet.bundle.js')}}"></script>
    <script src="{{asset('assets/js/custom/utilities/modals/select-location2.js')}}"></script>

    <script >
    $(document).ready(function(){
        KTModalSelectLocationFinal.init();
    });
    </script>

@endsection