@extends('layouts.app')
@section('page-site-title')
    {{$user->first_name}}
@endsection

@section('page_navbar')
    @include('layouts.widgets.page-navbar')
@endsection
@section('page_breadcrumb')
    @include('layouts.widgets.page-breadcrumb')
@endsection
@section('page_side')
    @include('layouts.widgets.page-side')
@endsection

@section('page-content')
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-reorder"></i>{{$user->first_name}}
            </div>

        </div>
        <div class="portlet-body">
    <div class="row profile">
        <div class="col-md-12">
            <!--BEGIN TABS-->
            <div class="tabbable-line tabbable-full-width">
                <div class="tab-content">
                    <div class="row">
                        <div class="col-md-3">
                            <ul class="list-unstyled profile-nav">
                                <li>
                                    <img src="{{asset('assets/tmp/'.$user->avatar)}}" class="img-responsive" alt=""/>

                                </li>

                                <li>
                                    <a href="javascript:;">
                                        عدد الطلبات <span style="background: purple;">
												{{$user->orders->count()}}</span></a>
                                </li>

                                <li>
                                    <a href="javascript:;">
                                        عدد الفروع <span style="background: green;">
												{{$user->charges->count()}}</span></a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        اجمالى الفواتير المدفوعة <span>
												{{number_format($user->myOrders->where('status','complete')->sum('total_cost'),2)}}</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-9">
                            <div class="row">
                                <div class="col-md-6 profile-info">
                                    <h1>{{$user->market_name}}</h1>
                                    <p>
                                        {{$user->note}}
                                    </p>
                                    <p>
                                        <a href="javascript:;">
                                            {{$user->email}} </a>
                                    </p>
                                    <ul class="list-inline">
                                        <li>
                                            <i class="fa fa-heart"></i> {{$user->cat?$user->cat->title_ar:''}}
                                        </li>
                                        <li>
                                            <i class="fa fa-user"></i> {{$user->mobile_number}}
                                        </li>
                                        <li>
                                            <i class="fa fa-star"></i> {{$user->rate}}
                                        </li>
                                        <li>
                                            <i class="fa fa-calendar"></i> {{$user->created_at}}
                                        </li>
                                    </ul>
                                </div>
                                <!--end col-md-8-->
                                <div class="col-md-6">
                                        <div class="portlet-body">
                                            <div id="site_activities_loading">
                                                <img src="{{ asset('assets/global/img/loading.gif')}}" alt="loading" /> </div>
                                            <div id="site_activities_content" class="display-none">
                                                <div id="site_activities" class="chart"> </div>
                                            </div>
                                        </div>
                                </div>
                            </div>
                            <!--end row-->
                            <div class="tabbable-line tabbable-custom-profile">
                                <ul class="nav nav-tabs">
                                    <li class="active">
                                        <a href="#tab_1_111" data-toggle="tab">
                                            بيانات المتجر </a>
                                    </li>
                                    <li>
                                        <a href="#tab_1_11" data-toggle="tab">
                                            المنتجات </a>
                                    </li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane active" id="tab_1_111">
                                        <div class="portlet-body">
                                            <ul class="feeds">
                                                        <li>
                                                            <div class="col1">
                                                                <div class="cont">
                                                                    <div class="cont-col1">
                                                                        <div class="label label-success">
                                                                            <i class="fa fa-building"></i>
                                                                        </div>
                                                                    </div>
                                                                    <div class="cont-col2">
                                                                        <div class="desc">
                                                                            الرقم المدنى . <span class="label label-danger label-sm">
																					{{$user->national_number}}
																					</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col2">
                                                                <div class="date">
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="col1">
                                                                <div class="cont">
                                                                    <div class="cont-col1">
                                                                        <div class="label label-success">
                                                                            <i class="fa fa-building"></i>
                                                                        </div>
                                                                    </div>
                                                                    <div class="cont-col2">
                                                                        <div class="desc">
                                                                            حساب انستجرام . <span class="label label-danger label-sm">
																					{{$user->instagram}}
																					</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col2">
                                                                <div class="date">
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="col1">
                                                                <div class="cont">
                                                                    <div class="cont-col1">
                                                                        <div class="label label-success">
                                                                            <i class="fa fa-calendar-o"></i>
                                                                        </div>
                                                                    </div>
                                                                    <div class="cont-col2">
                                                                        <div class="desc">
                                                                            تاريخ انتهاء الاشتراك. <span class="label label-danger label-sm">
																					{{$user->exp_date_account}}
																					</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col2">
                                                                <div class="date">
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="col1">
                                                                <div class="cont">
                                                                    <div class="cont-col1">
                                                                        <div class="label label-success">
                                                                            <i class="fa fa-money"></i>
                                                                        </div>
                                                                    </div>
                                                                    <div class="cont-col2">
                                                                        <div class="desc">
                                                                            متجر موثوق. <span class="label label-danger label-sm">
																					{{$user->valid==1?'نعم':'لا'}}
																					</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col2">
                                                                <div class="date">
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="col1">
                                                                <div class="cont">
                                                                    <div class="cont-col1">
                                                                        <div class="label label-success">
                                                                            <i class="fa fa-reply"></i>
                                                                        </div>
                                                                    </div>
                                                                    <div class="cont-col2">
                                                                        <div class="desc">
                                                                            .حالة المتجر <span class="label label-danger label-sm">
																					{{$user->market_status==1?'نعم':'لا'}}
																					</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col1">
                                                                <div class="cont">
                                                                    <div class="cont-col1">
                                                                        <div class="label label-success">
                                                                            <i class="fa fa-reply"></i>
                                                                        </div>
                                                                    </div>
                                                                    <div class="cont-col2">
                                                                        <div class="desc">
                                                                            .توصيل للمنزل <span class="label label-danger label-sm">
																					{{$user->delivery==1?'نعم':'لا'}}
																					</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col2">
                                                                <div class="date">
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="col1">
                                                                <div class="cont">
                                                                    <div class="cont-col1">
                                                                        <div class="label label-success">
                                                                            <i class="fa fa-user"></i>
                                                                        </div>
                                                                    </div>
                                                                    <div class="cont-col2">
                                                                        <div class="desc">
                                                                            مفتوح من. <span class="label label-danger label-sm">
																					{{$user->open_from}}
																					</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col2">
                                                                <div class="date">
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="col1">
                                                                <div class="cont">
                                                                    <div class="cont-col1">
                                                                        <div class="label label-success">
                                                                            <i class="fa fa-sort-numeric-desc"></i>
                                                                        </div>
                                                                    </div>
                                                                    <div class="cont-col2">
                                                                        <div class="desc">
                                                                            مفتوح الى . <span class="label label-danger label-sm">
																					{{$user->open_to}}
																					</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col2">
                                                                <div class="date">
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="col1">
                                                                <div class="cont">
                                                                    <div class="cont-col1">
                                                                        <div class="label label-success">
                                                                            <i class="fa fa-bell-o"></i>
                                                                        </div>
                                                                    </div>
                                                                    <div class="cont-col2">
                                                                        <div class="desc">
                                                                            الحدد الادنى للطلب. <span class="label label-danger label-sm">
																					{{$user->min_order}}
																					</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col2">
                                                                <div class="date">
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="col1">
                                                                <div class="cont">
                                                                    <div class="cont-col1">
                                                                        <div class="label label-success">
                                                                            <i class="fa fa-car"></i>
                                                                        </div>
                                                                    </div>
                                                                    <div class="cont-col2">
                                                                        <div class="desc">
                                                                            اتاحة الواتس. <span class="label label-danger label-sm">
																					{{$user->allow_whats==1?'نعم':'لا'}}
																					</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col2">
                                                                <div class="date">
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="col1">
                                                                <div class="cont">
                                                                    <div class="cont-col1">
                                                                        <div class="label label-success">
                                                                            <i class="fa fa-car"></i>
                                                                        </div>
                                                                    </div>
                                                                    <div class="cont-col2">
                                                                        <div class="desc">
                                                                            اتاحة الهاتف. <span class="label label-danger label-sm">
																					{{$user->allow_call==1?'نعم':'لا'}}
																					</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col2">
                                                                <div class="date">
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                        </div>
                                    </div>
                                    <!--tab-pane-->
                                    <div class="tab-pane" id="tab_1_11">
                                        <div class="tab-pane active" id="tab_1_1_1">
                                            <div class="scroller" data-height="290px" data-always-visible="1" data-rail-visible1="1">
                                                <div class="portlet-body">
                                                    <table class="table table-striped table-bordered table-advance table-hover">
                                                        <thead>
                                                        <tr>
                                                            <th>
                                                                <i class="fa fa-briefcase"></i> صورة المنتج
                                                            </th>
                                                            <th class="hidden-xs">
                                                                <i class="fa fa-question"></i> المنتج
                                                            </th>
                                                            <th>
                                                                <i class="fa fa-bookmark"></i> المشاهدات
                                                            </th>
                                                            <th>
                                                                <i class="fa fa-bookmark"></i> السعر
                                                            </th>
                                                            <th>
                                                                <i class="fa fa-bookmark"></i> البيع
                                                            </th>
                                                            <th>
                                                                <i class="fa fa-bookmark"></i> القسم
                                                            </th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        @foreach(\App\Models\Clothes::where('user_id',$user->id)->get() as $row)
                                                            <tr>
                                                                <td>
                                                                    <img src="{{asset('assets/tmp/'.$row->image)}}" width="50" height="50" />
                                                                </td>
                                                                <td class="hidden-xs">
                                                                    {{$row->title_ar}}
                                                                </td>
                                                                <td>
                                                                    {{$row->views}}
                                                                </td>
                                                                <td>
                                                                    {{$row->price}}
                                                                </td>
                                                                <td>
                                                                    {{$row->sells}}
                                                                </td>
                                                                <td>
                                                                    {{$row->cat?$row->cat->title_ar:''}}
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--tab-pane-->
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--end tab-pane-->
                </div>
            </div>
            <!--END TABS-->
        </div>
    </div>
    </div>
    </div>

@endsection

@section('page-footer-js')
    <script type="application/javascript">
        var js_lang = {!! json_encode(trans('common.js_lang'))  !!};
        var model_js_lang = {!! json_encode(trans('app_users.js_lang'))  !!};
        {{--var urls = {!! json_encode($urls) !!};--}}
        var token_code='{{csrf_token()}}';
        var assets_folder = '{{asset("assets/")}}';
        var storge_path = '{{route('download-file-excel',['file'=>''])}}';
        {{--var permissions = {!! json_encode($permissions) !!};--}}
        {{--var data1= {!! json_encode($full) !!};--}}
    </script>
    <script src="{{ asset('assets/models/js/Common.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/bootbox/bootbox.min.js')}}" type="text/javascript"></script>
    <script type = "text/javascript" src = "{{ asset('assets/global/plugins/datatables/datatables.min.js')}}" ></script>
    <script src="{{ asset('assets/global/plugins/echarts/echarts.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/amcharts.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/serial.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/pie.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/radar.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/themes/light.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/themes/patterns.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/themes/chalk.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/ammap/ammap.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/ammap/maps/js/worldLow.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amstockcharts/amstock.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/flot/jquery.flot.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/flot/jquery.flot.resize.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/flot/jquery.flot.categories.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/jquery.sparkline.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/models/js/Dashboard_market.js')}}" type="text/javascript"></script>
@endsection

@section('page-heads')
    <link href="{{ asset('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/pages/css/profile-old-rtl.css') }}" rel="stylesheet" type="text/css" />
@endsection