@php $titlePage = $data->order_number @endphp
@extends('dashboard.layouts.master')
@section('title')
    {{ $titlePage }}
@stop
@section('content')
    <div class="page-content-wrapper stores">
        <div class="page-content">
            <div class="page-head">
                <div class="page-title">
                    <h1>{{ $titlePage }}</h1>
                </div>
            </div>
            <ul class="page-breadcrumb breadcrumb">
                <li>
                    <a href="{{ route('dashboard') }}">{{ __('lang.dashboard') }}</a>
                    <i class="fa fa-circle"></i>
                </li>
                <li>
                    <a href="{{ route('dashboard.order') }}">{{ __('lang.orders') }}</a>
                    <i class="fa fa-circle"></i>
                </li>
                <li>
                    <span class="active">{{ $titlePage }}</span>
                </li>
            </ul>
            <div class="row">
                <div class="col-md-12">
                    {{-- Include Messages Flash --}}
                    @include('includes.flash_msg')
                    <div class="portlet light bordered">
                        <div class="portlet-title tabbable-line">
                            <div class="caption caption-md">
                                <i class="icon-globe theme-font hide"></i>
                                <span class="caption-subject font-blue-madison bold uppercase">{{ __('lang.order_details') }}</span>
                            </div>
                        </div>
                        <div class="portlet-body form">
                            <div class="row">
                                <div class="col-md-12">
                                    <ul class="nav nav-tabs">
                                        <li class="active">
                                            <a href="#General" data-toggle="tab"> بيانات الطلب </a>
                                        </li>
                                        <li>
                                            <a href="#Address" data-toggle="tab"> بيانات العميل </a>
                                        </li>
                                        @if($data->driver_id != null)
                                        <li>
                                            <a href="#StoreTimings" data-toggle="tab"> بيانات المندوب </a>
                                        </li>
                                        @endif
                                    </ul>

                                    <div class="tab-content">
                                        <div class="tab-pane fade active in" id="General">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <div class="display_elem">
                                                        <p>
                                                            <strong>رقم الطلب : </strong>
                                                            {{ $data->order_number }}
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="display_elem">
                                                        <p>
                                                            <strong>حالة الطلب : </strong>
                                                            @if($data->status == 'pending')
                                                                <span style="height: 25px;color: #000;font-weight: bold;border-radius: 2px !important;line-height: 19px;" class="badge badge-warning bg-warning text-dark p-2">{{ __('lang.'.$data->status) }}</span>
                                                            @endif
                                                            @if($data->status == 'received')
                                                                <span style="height: 25px;color: #000;font-weight: bold;border-radius: 2px !important;line-height: 19px;" class="badge badge-success bg-success text-dark p-2">{{ __('lang.'.$data->status) }}</span>
                                                            @endif
                                                            @if($data->status == 'preparation')
                                                                <span style="height: 25px;color: #fff;font-weight: bold;border-radius: 2px !important;line-height: 19px;" class="badge badge-primary bg-primary text-dark p-2">{{ __('lang.'.$data->status) }}</span>
                                                            @endif
                                                            @if($data->status == 'shipping')
                                                                <span style="height: 25px;color: #fff;font-weight: bold;border-radius: 2px !important;line-height: 19px;" class="badge badge-dark bg-dark text-dark p-2">{{ __('lang.'.$data->status) }}</span>
                                                            @endif
                                                            @if($data->status == 'reached')
                                                                <span style="height: 25px;color: #fff;font-weight: bold;border-radius: 2px !important;line-height: 19px;" class="badge badge-info bg-info text-dark p-2">{{ __('lang.'.$data->status) }}</span>
                                                            @endif
                                                            @if($data->status == 'canceled')
                                                                <span style="height: 25px;color: #fff;font-weight: bold;border-radius: 2px !important;line-height: 19px;" class="badge badge-danger bg-danger text-dark p-2">{{ __('lang.'.$data->status) }}</span>
                                                            @endif
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="display_elem">
                                                        <p>
                                                            <strong>الاجمالى : </strong>
                                                            {{ $data->total }}
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="display_elem">
                                                        <p>
                                                            <strong>مصاريف الشحن : </strong>
                                                            @if($data->offer == null || $data->driver_id == null)
                                                                لم يتم التحديد
                                                            @else
                                                                {{ $data->offer->price }}
                                                            @endif
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="display_elem">
                                                        <p>
                                                            <strong>المجموع شامل الشحن : </strong>
                                                            {{ $data->offer == null || $data->driver_id == null ? 'لم يتم التحديد' : $data->offer->price + $data->total }}
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="display_elem">
                                                        <p>
                                                            <strong>تاريخ الطلب</strong>
                                                            {{ $data->created_at }}
                                                        </p>
                                                    </div>
                                                </div>
                                                <h3 style="font-size: 16px;font-weight: bold;padding-right: 20px;">المنتجات</h3>
                                                <div class="col-md-12">
                                                    <div class="table-responsive">
                                                        <table style="margin-top: 10px;" class="table table-bordered table-striped table-condensed flip-content">
                                                            <thead class="flip-content">
                                                            <tr>
                                                                <th style="width: 300px;">اسم المنتج</th>
                                                                <th style="width: 300px;">الصورة</th>
                                                                <th style="width: 200px;">الكمية </th>
                                                                <th style="width: 250px;"> السعر </th>
                                                                <th style="width: 100px;"> الاجمالى </th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            @foreach($data->products as $get)
                                                                <tr>
                                                                    <td><a href="{{ route('dashboard.stores.products.show', $get->product_id) }}"> {{ $get->product->title }}<a/></td>
                                                                    <td><img src="{{ url($get->product->thumbnail) }}" class="thumbnail" width="80px" style="margin: auto"></td>
                                                                    <td>{{ $get->quantity }}</td>
                                                                    <td>{{ $get->product->price }}</td>
                                                                    <td>{{ $get->product->price * $get->quantity }}</td>
                                                                </tr>
                                                            @endforeach
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="Address">
                                            <div class="col-lg-4">
                                                <div class="display_elem">
                                                    <p>
                                                        <strong>اسم العميل : </strong>
                                                        {{ $data->user->username }}
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="display_elem">
                                                    <p>
                                                        <strong>رقم الجوال :</strong>
                                                        {{ $data->user->phone }}
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="display_elem">
                                                    <p>
                                                        <strong>{{ __('lang.email') }} :</strong>
                                                        {{ $data->user->email }}
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="col-lg-12">
                                                <div class="display_elem">
                                                    <p>
                                                        <strong>العنوان : </strong>
                                                        {{ $data->user->address }}
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        @if($data->driver_id != null)
                                        <div class="tab-pane fade" id="StoreTimings">
                                            <div class="table-responsive">
                                                <div class="col-lg-4">
                                                    <div class="display_elem">
                                                        <p>
                                                            <strong>اسم المندوب : </strong>
                                                            <a href="{{ route('dashboard.drivers.show',$data->driver_id) }}"> {{ $data->delivery->username }} </a>
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="display_elem">
                                                        <p>
                                                            <strong>رقم الجوال : </strong>
                                                            {{ $data->delivery->phone }}
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="display_elem">
                                                        <p>
                                                            <strong>البريد الالكترونى : </strong>
                                                            {{ $data->delivery->email }}
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @permission('delete-stores')
    <form id="delete-form" style="display:none;" method="post">@csrf</form>
    @endpermission

@stop
@section('css')
    <link href="{{ asset('admin/assets') }}/css/magnific-popup.css" rel="stylesheet" type="text/css" />
@stop
@section('js')
    <script src="{{ asset('admin/assets') }}/js/jquery.magnific-popup.min.js"></script>
@stop