@include('site.controllers.header')
<div class="setting-account">
    <div class="container">
        <div class="setting-title text-center">
            @if(\Auth::check())
                @if(\Auth::user()->id == $user->id && \Auth::user()->type == 'company')
                    <p class="p-5">
                        <a href="{{route('add_job')}}" class="newlink ma-0"><i class="px-5"></i>أضف وظيفه جديده</a>
                        <a href="{{route('update_profile', $user->id)}}" class="bordered-btn"><i
                                class="icon-options px-5"></i>إعدادات الحساب</a>
                    </p>
                @endif
            @endif

            <img src="{{$user->image}}" alt="">
            <h4><strong>{{$user->company_details->company_name}}</strong></h4>
            <ul>
                @if($user->sub_category_id)
                    <li class="color-gray"><i
                            class="fa fa-user px-5"></i>{{$user->category->name  .'-'. $user->sub_category->name}}
                    </li>
                @else
                    <li class="color-gray"><i class="fa fa-user px-5"></i>{{$user->category->name}}</li>
                @endif
                <li class="color-gray"><i class="fa fa-briefcase px-5"></i>صاحب عمل</li>

                @if($user->city_id)
                    <li class="color-gray"><i
                            class="fa fa-map-marker px-5"></i>{{$user->country->name .'-'. $user->city->name}}
                    </li>
                @else
                    <li class="color-gray"><i class="fa fa-map-marker px-5"></i>{{$user->country->name}}</li>
                @endif
            </ul>
        </div>

        <div class="tab-setting">
            <ul class="nav nav-pills main">
                <li class="active"><a data-toggle="pill" href="#menu1"><i class="icon-person"></i>الملف الشخصى</a></li>
                <li><a data-toggle="pill" href="#menu2"><i class="icon-ads"></i>الوظائف المطلوبة</a></li>
            </ul>

            <div class="row">
                <div class="col-md-8 p-0">
                    <div class="tab-content">
                        <div id="menu1" class="tab-pane fade in active">
                            <div class="personal-doc">
                                <h4 class="mt-0">الملف الشخصى</h4>
                                <p class="mb-20 px-15"><i class="fa fa-calendar px-5"></i>تاريخ التأسيس :
                                    <span>
                                        <strong>{{$date_only}}</strong>
                                    </span>
                                </p>
                                <p class="px-15">
                                    {{$user->company_details->details}}
                                </p>
                                {{--                                <hr class="mb-0">--}}
                                {{--                                <h4 class="my-0">الوظائف المطلوبة</h4>--}}
                            </div>

                        </div>
                        <div id="menu2" class="tab-pane fade">
                            <div class="personal-doc">
                                <h4 class="mt-0">الوظائف المطلوبة</h4>
                            </div>
                            @foreach($jobs as $job)
                                @include('site.controllers.product')
                            @endforeach
                            <div style="text-align: center;margin-top: 10px;">
                                {{$jobs->links()}}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 p-0">
                    <div class="left-side personal-doc">
                        <h4 class="my-0">بيانات الشركة </h4>
                        <div class="">
                            <ul class="company-list">
                                @if($user->website_link)
                                    <li> الموقع الالكترونى : <span><a
                                                href="{{$user->website_link}}">{{$user->website_link}}</a></span></li>
                                @endif
                                <li> البريد الالكترونى : <span>{{$user->email}}</span></li>
                                <li> رقم الجوال : <span>{{$user->mobile}}</span></li>
                                @if($user->twitter)
                                    <li> تويتر : <span><a href="{{$user->twitter}}">{{$user->twitter}}</a></span></li>
                                @endif
                                @if($user->facebook)
                                    <li> الفيس بوك : <span><a href="{{$user->facebook}}">{{$user->facebook}}</a></span>
                                    </li>
                                @endif
                                @if($user->instagram)
                                    <li> انستجرام : <span><a href="{{$user->instagram}}">{{$user->instagram}}</a></span>
                                    </li>
                                @endif

                                @if($user->snapchat)
                                    <li> اسناب شات : <span><a href="{{$user->snapchat}}">{{$user->snapchat}}</a></span>
                                    </li>
                                @endif

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

    </div>
</div>
@include('site.controllers.footer')