@include('header')
<style>
    span {
        font-size: 10px;
    }

    ul.bar_tabs > li.active {
        border-left: 6px solid #0BA6AB;
    }

    .tag {
        background: #0F8096;
    }

    .tag:after {
        border-right: 11px solid #0F8096 !important;
    }

    #map1 {
        height: 300px;
        width: 100%;
    }

    .timeline .tag span {
        overflow: visible;
    }

    .my_question {
        color: white;
        background-color: #0F8096;
        padding: 10px;
        border-radius: 10px;
        max-width: 40%;
        font-size: 10px;
    }
</style>
<div class="col-md-12 col-sm-12 col-xs-12">
    <div class="x_panel">
        <div class="x_title">
            <div style="display: flex; justify-content: start ">
                <h2><i class="fa fa-road"></i>
                    سفارش خدمت توسط
                    <small>{{$items->user_name}} - {{$items->user_phone}} </small> <a
                        href="/panel/user_profile?user_id={{$items->user_id}}"><i
                            class="fa fa-info-circle"
                            style="font-size:20px; color: #0b97c4; padding-right: 5px"></i></a>
                </h2>

                @if($items->status == 0 || $items->status == 1)
                    <a class="error_message" style="margin-right: 10px"
                       onclick="cancel_order({{ $items->id }})">لغو سفارش</a>
                @endif
            </div>
            <ul class="nav navbar-right panel_toolbox">
                <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                </li>
            </ul>
            <div class="clearfix"></div>
        </div>
        <div class="x_content">

            <div class="" role="tabpanel" data-example-id="togglable-tabs">
                <ul id="myTab1" class="nav nav-tabs bar_tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#order_detail" id="home-tabb" role="tab"
                                                              data-toggle="tab" aria-controls="order_detail"
                                                              aria-expanded="true">جزئیات سفارش</a>
                    </li>
                    <li role="presentation" class=""><a href="#worker_detail" role="tab" id="profile-tabb"
                                                        data-toggle="tab" aria-controls="worker_detail"
                                                        aria-expanded="false">مشخصات استادکار</a>
                    </li>
                    <li role="presentation" class=""><a href="#rate_detail" role="tab" id="profile-tabb3"
                                                        data-toggle="tab" aria-controls="rate_detail"
                                                        aria-expanded="false">موارد مالی سفارش</a>
                    </li>

                    @if($items->cancel == 'true')
                        <li role="presentation" class=""><a href="#cancel_detail" role="tab" id="profile-tabb4"
                                                            data-toggle="tab" aria-controls="cancel_detail"
                                                            aria-expanded="false">اطلاعات کنسلی درخواست</a>
                        </li>
                    @endif
                </ul>
                <div id="myTabContent2" class="tab-content">

                    <div role="tabpanel" class="tab-pane fade active in" id="order_detail"
                         aria-labelledby="order_detail">
                        <div class="row">
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <div class="x_panel">
                                    <div class="x_title">
                                        <h2>مشخصات سفارش</h2>
                                        <ul class="nav navbar-right panel_toolbox">
                                            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                        </ul>
                                        <div class="clearfix"></div>
                                    </div>
                                    <div class="x_content">
                                        <ul class="list-unstyled timeline">
                                            <li>
                                                <div class="block">
                                                    <div class="tags">
                                                        <a href="" class="tag">
                                                            <span>شماره سفارش</span>
                                                        </a>
                                                    </div>
                                                    <div class="block_content">
                                                        <p class="excerpt">{{$items->order_number}}</p>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="block">
                                                    <div class="tags">
                                                        <a href="" class="tag">
                                                            <span>نوع خدمت</span>
                                                        </a>
                                                    </div>
                                                    <div class="block_content">
                                                        <p class="excerpt">{{$items->service}}</p>
                                                    </div>
                                                </div>
                                            </li>

                                            <li>
                                                <div class="block">
                                                    <div class="tags">
                                                        <a href="" class="tag">
                                                            <span>زمان درخواست شده </span>
                                                        </a>
                                                    </div>
                                                    <div class="block_content">
                                                        <p class="excerpt">{{$items->weekday}}
                                                            - {{$items->date}} - {{$items->time}}
                                                        </p>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="block">
                                                    <div class="tags">
                                                        <a href="" class="tag">
                                                            <span>توضیحات </span>
                                                        </a>
                                                    </div>
                                                    <div class="block_content">
                                                        @if(!$items->caption)
                                                            <p class="excerpt">درج نشده</p>
                                                        @else
                                                            <p class="excerpt">{{$items->caption}}</p>

                                                        @endif
                                                    </div>
                                                </div>
                                            </li>

                                            <li>
                                                <div class="block">
                                                    <div class="tags">
                                                        <a href="" class="tag">
                                                            <span>طریقه پرداخت</span>
                                                        </a>
                                                    </div>
                                                    <div class="block_content">
                                                        @if($items->pay_type == 'cash')
                                                            <p class="excerpt">نقدی</p>
                                                        @elseif($items->pay_type == null)
                                                            <p class="excerpt">مشخص نشده</p>
                                                        @else
                                                            <p class="excerpt">کیف پول </p>
                                                        @endif
                                                    </div>
                                                </div>
                                            </li>

                                            <li>
                                                <div class="block">
                                                    <div class="tags">
                                                        <a href="" class="tag">
                                                            <span>پرداخت</span>
                                                        </a>
                                                    </div>
                                                    <div class="block_content">
                                                        @if($items->is_pay == '0')
                                                            <p class="excerpt">پرداخت نشده</p>
                                                        @else
                                                            <p class="excerpt">پرداخت شده</p>
                                                        @endif
                                                    </div>
                                                </div>
                                            </li>

                                        </ul>

                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <div class="x_panel">
                                    <div class="x_title">
                                        <h2>سوالات و جزئیات درخواست</h2>
                                        <ul class="nav navbar-right panel_toolbox">
                                            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                        </ul>
                                        <div class="clearfix"></div>
                                    </div>
                                    <div class="x_content">
                                        @foreach($info as $item)
                                            <div>
                                                <p class="my_question">{{$item->question}}</p>
                                                <p>{{$item->answer_text}}</p>
                                            </div>
                                            <hr>
                                        @endforeach

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

                        <div class="row">
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <div class="x_panel">
                                    <div class="x_title">
                                        <h2>مشخصات کاربر</h2>
                                        <ul class="nav navbar-right panel_toolbox">
                                            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                        </ul>
                                        <div class="clearfix"></div>
                                    </div>
                                    <div class="x_content">
                                        <ul class="list-unstyled timeline">
                                            <li>
                                                <div class="block">
                                                    <div class="tags">
                                                        <a href="" class="tag">
                                                            <span>نام و نام خانوادگی </span>
                                                        </a>
                                                    </div>
                                                    <div class="block_content">
                                                        <p class="excerpt">{{$items->user_name}}</p>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="block">
                                                    <div class="tags">
                                                        <a href="" class="tag">
                                                            <span>شماره تماس</span>
                                                        </a>
                                                    </div>
                                                    <div class="block_content">
                                                        <p class="excerpt">{{$items->user_phone}}</p>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="block">
                                                    <div class="tags">
                                                        <a href="" class="tag">
                                                            <span>استان </span>
                                                        </a>
                                                    </div>
                                                    <div class="block_content">
                                                        <p class="excerpt">{{$items->state}}</p>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="block">
                                                    <div class="tags">
                                                        <a href="" class="tag">
                                                            <span>شهر</span>
                                                        </a>
                                                    </div>
                                                    <div class="block_content">
                                                        <p class="excerpt">{{$items->city}}</p>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="block">
                                                    <div class="tags">
                                                        <a href="" class="tag">
                                                            <span>آدرس</span>
                                                        </a>
                                                    </div>
                                                    <div class="block_content">
                                                        <p class="excerpt">{{$items->address}}</p>

                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="block">
                                                    <div class="tags">
                                                        <a href="" class="tag">
                                                            <span>نقشه</span>
                                                        </a>
                                                    </div>
                                                    <div class="block_content">

                                                        <div id="map1"></div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>

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

                        </div>
                    </div>

                    <div role="tabpanel" class="tab-pane fade" id="worker_detail" aria-labelledby="worker_detail">
                        <div class="col-md-12 col-sm-6 col-xs-12">
                            <div class="x_panel">
                                <div class="x_title">
                                    <h2>مشخصات استادکار</h2>
                                    <ul class="nav navbar-right panel_toolbox">
                                        <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </ul>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="x_content">
                                    <ul class="list-unstyled timeline">
                                        <li>
                                            <div class="block">
                                                <div class="tags">
                                                    <a href="" class="tag">
                                                        <span>نام و نام خانوادگی راننده</span>
                                                    </a>
                                                </div>
                                                <div class="block_content">
                                                    @if($items->worker_name != null)
                                                        <div style="display:flex">
                                                            <p class="excerpt">{{$items->worker_name}}</p>
                                                            <a href="/panel/worker_profile?user_id={{$items->worker_id}}"><i
                                                                    class="fa fa-info-circle"
                                                                    style="font-size:20px; color: #0b97c4; padding-right: 5px"></i></a>
                                                        </div>
                                                    @else
                                                        <p class="excerpt">هنوز استادکاری قبول نکرده است</p>
                                                    @endif
                                                </div>
                                            </div>
                                        </li>

                                        <li>
                                            <div class="block">
                                                <div class="tags">
                                                    <a href="" class="tag">
                                                        <span>شماره تماس</span>
                                                    </a>
                                                </div>
                                                <div class="block_content">
                                                    @if($items->worker_phone != null)
                                                        <p class="excerpt">{{$items->worker_phone}}</p>
                                                    @else
                                                        <p class="excerpt">هنوز استادکاری قبول نکرده است</p>
                                                    @endif
                                                </div>
                                            </div>
                                        </li>

                                        <li>
                                            <div class="block">
                                                <div class="tags">
                                                    <a href="" class="tag">
                                                        <span>فاکتور و قیمت</span>
                                                    </a>
                                                </div>
                                                <div class="block_content">
                                                    @if($items->price == null)
                                                        <p class="excerpt">قیمتی درج نشده</p>
                                                    @else
                                                        <div style="display:flex">
                                                            <p class="excerpt">{{number_format($items->price)}}
                                                                تومان</p>
                                                            <a href="/panel/factor_page?order_id={{$items->id}}"><i
                                                                    class="fa fa-file-text"
                                                                    style="font-size:25px; color: #880000; padding-right: 10px"></i></a>
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>
                                        </li>

                                        <li>
                                            <div class="block">
                                                <div class="tags">
                                                    <a href="" class="tag">
                                                        <span>امتیاز</span>
                                                    </a>
                                                </div>
                                                <div class="block_content">
                                                    @if($items->is_rate == 1)
                                                        <div style="display: flex">
                                                            <p> امتیاز کاربر به استادکار</p>
                                                            <p class="excerpt"
                                                               style="color: #00d764; margin-right: 10px">{{$items->rate}}</p>
                                                        </div>
                                                    @else
                                                        <p class="excerpt">کاربر هنوز امتیازی نداده است</p>
                                                    @endif
                                                </div>
                                            </div>
                                        </li>

                                        <li>
                                            <div class="block">
                                                <div class="tags">
                                                    <a href="" class="tag">
                                                        <span>توضیحات متیاز</span>
                                                    </a>
                                                </div>
                                                <div class="block_content">
                                                    @if($items->is_rate == 1)
                                                        <p>{{$items->rate_description}}</p>
                                                    @else
                                                        <p class="excerpt">کاربر هنوز امتیازی نداده است</p>
                                                    @endif
                                                </div>
                                            </div>
                                        </li>

                                    </ul>

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

                    <div role="tabpanel" class="tab-pane fade" id="rate_detail" aria-labelledby="rate_detail">
                        <div class="col-md-12 col-sm-6 col-xs-12">
                            <div class="x_panel">
                                <div class="x_title">
                                    <h2>جزپیات مالی</h2>
                                    <ul class="nav navbar-right panel_toolbox">
                                        <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </ul>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="x_content">
                                    <ul class="list-unstyled timeline">

                                        <li>
                                            <div class="block">
                                                <div class="tags">
                                                    <a href="" class="tag">
                                                        <span> قیمت سفارش</span>
                                                    </a>
                                                </div>
                                                <div class="block_content">
                                                    @if($items->price != null)
                                                        <div style="display:flex">
                                                            <p class="excerpt">{{number_format($items->price)}}
                                                                تومان</p>
                                                            <a href="/panel/factor_page?order_id={{$items->id}}"><i
                                                                    class="fa fa-file-text"
                                                                    style="font-size:25px; color: #880000; padding-right: 10px"></i></a>
                                                        </div>
                                                    @else
                                                        <p class="excerpt">قیمتی ثبت نشده است</p>
                                                    @endif
                                                </div>
                                            </div>
                                        </li>

                                        <li>
                                            <div class="block">
                                                <div class="tags">
                                                    <a href="" class="tag">
                                                        <span> کد تخفیف</span>
                                                    </a>
                                                </div>
                                                <div class="block_content">
                                                    @if($items->discount_code != null)
                                                        <p class="excerpt">{{$items->discount_code}} </p>
                                                    @else
                                                        <p class="excerpt">کد تخفیفی ثبت نشده است</p>
                                                    @endif
                                                </div>
                                            </div>
                                        </li>

                                        <li>
                                            <div class="block">
                                                <div class="tags">
                                                    <a href="" class="tag">
                                                        <span>قیمت کد تخفیف</span>
                                                    </a>
                                                </div>
                                                <div class="block_content">
                                                    @if($items->discount_price != null)
                                                        <p class="excerpt">{{$items->discount_price}} تومان</p>
                                                    @else
                                                        <p class="excerpt">کد تخفیفی ثبت نشده است</p>
                                                    @endif
                                                </div>
                                            </div>
                                        </li>

                                        <li>
                                            <div class="block">
                                                <div class="tags">
                                                    <a href="" class="tag">
                                                        <span> کمیسیون سفارش</span>
                                                    </a>
                                                </div>
                                                <div class="block_content">
                                                    @if($items->commission != null)
                                                        <p class="excerpt">{{$items->commission}}
                                                            درصد</p>
                                                    @else
                                                        <p class="excerpt">هنوز تراکنشی ثبت نشده است</p>
                                                    @endif
                                                </div>
                                            </div>
                                        </li>

                                        <li>
                                            <div class="block">
                                                <div class="tags">
                                                    <a href="" class="tag">
                                                        <span>سهم استادکار</span>
                                                    </a>
                                                </div>
                                                <div class="block_content">
                                                    @if($items->worker_share != null)
                                                        <p class="excerpt">{{$items->worker_share}} تومان</p>
                                                    @else
                                                        <p class="excerpt">هنوز تراکنشی ثبت نشده است</p>
                                                    @endif
                                                </div>
                                            </div>
                                        </li>

                                        <li>
                                            <div class="block">
                                                <div class="tags">
                                                    <a href="" class="tag">
                                                        <span>سهم اپلیکیشن</span>
                                                    </a>
                                                </div>
                                                <div class="block_content">
                                                    @if($items->app_share != null)
                                                        <p class="excerpt">{{$items->app_share}} تومان</p>
                                                    @else
                                                        <p class="excerpt">هنوز تراکنشی ثبت نشده است</p>
                                                    @endif
                                                </div>
                                            </div>
                                        </li>
                                    </ul>

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

                    <div role="tabpanel" class="tab-pane fade" id="cancel_detail" aria-labelledby="rate_detail">
                        <div class="col-md-12 col-sm-6 col-xs-12">
                            <div class="x_panel">
                                <div class="x_title">
                                    <h2> مشاهده</h2>
                                    <ul class="nav navbar-right panel_toolbox">
                                        <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </ul>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="x_content">
                                    <ul class="list-unstyled timeline">

                                        @foreach($is_cancel as $item)
                                            <li>
                                                <div class="block">
                                                    <div class="tags">
                                                        <a href="" class="tag">
                                                            @if($item->user_type == "worker")
                                                                <span>  {{$item->worker_cancel}}</span>
                                                            @elseif($item->user_type == "user")
                                                                <span>{{$item->user_cancel}}</span>
                                                            @else
                                                                <span>پنل</span>
                                                            @endif
                                                        </a>
                                                    </div>
                                                    <div class="block_content">

                                                        @if($item->user_type == "worker")
                                                            <p class="excerpt"> از طرف استاد کار - {{$item->reason}}</p>
                                                        @elseif($item->user_type == "user")
                                                            <p class="excerpt"> از طرف کاربر - {{$item->reason}}</p>
                                                        @else
                                                            <p class="excerpt"> از طرف پنل -{{$item->reason}}</p>
                                                        @endif


                                                    </div>
                                                </div>
                                            </li>
                                        @endforeach


                                    </ul>

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

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

{{--نقشه--}}
<link rel="stylesheet" href="https://static.neshan.org/sdk/leaflet/v1.9.4/neshan-sdk/v1.0.8/index.css"/>
<script src="https://static.neshan.org/sdk/leaflet/v1.9.4/neshan-sdk/v1.0.8/index.js"></script>
{{--swall--}}
<script src="../resources/js/jquery.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="sweetalert2.all.min.js"></script>

<script>
    const map1 = new L.Map("map1", {
        key: "web.38f865746e194bbe9fbb477e087cf43f",
        maptype: "dreamy",
        poi: false,
        traffic: false,
        center: [{{$items->origin_lat}}, {{$items->origin_lng}}],
        zoom: 14,
    });

    const marker1 = L.marker([{{$items->origin_lat}}, {{$items->origin_lng}}]).addTo(map1);

    map1.on('move', function (event) {
        console.log("موقعیت مارکر در نقشه 1: ", marker1.getLatLng());
    });

</script>


<script>
    function cancel_order(id) {
        Swal.fire({
            title: 'آیا واقعا می‌خواهید سفارش را لغو کنید؟',
            text: "درصورت لغو سفارش، رسیدگی مالی به عهده اپراتور خواهد بود",
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: 'بله',
            cancelButtonText: 'خیر',
            confirmButtonColor: '#00A000',
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    type: "POST",
                    url: '/panel/order_details_page_action',
                    data: {
                        order_id: id,
                    },
                    success: function (res) {
                        if (res.status == 'ok') {
                            Swal.fire({
                                title: 'لغو شد!',
                                text: 'سفارش با موفقیت لغو شد',
                                icon: 'success'
                            }).then(() => {
                                setTimeout(() => {
                                    location.reload();
                                }, 500);
                            });
                        } else {
                            console.log(res);
                            Swal.fire({
                                title: 'خطا!',
                                text: 'مشکلی پیش آمد. لطفاً دوباره تلاش کنید.',
                                icon: 'error'
                            });
                        }
                    },
                    error: function (res) {
                        console.log(res);
                    },
                });
            }
        });
    }


</script>


@include('footer')