@extends('web.layouts.container')

@section('header')
    <div class="container">
        <div class="inner">
            <div class="top">
                <a href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), route('home'), [], true)}}">{{__('main.home')}}</a>
                <span>{{$staffPage->title}}</span>
            </div>
            <h2>{{$staffs->job_title}} / {{$staffs->name}}</h2>
            {{--            <p>{!! stripText($staffPage->description) !!}</p>--}}
        </div>
    </div>
@endsection

@section('content')
    <section class="lawyer_pg section-padding">
        <div class="container">
            <div class="img_about">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="img">
                            <img src="{{asset($staffs->image)}}" alt="">
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <div class="info">
                            <h3>{{$staffs->name}}</h3>
                            <h6>{{$staffs->job_title}}</h6>
                            <p>{!! $staffs->description !!}</p>
                            <ul>
                                @if($staffs->phone)
                                    <li><i class="fas fa-phone"></i>{{ $staffs->phone}}</li>
                                @endif
                                <li><i class="far fa-envelope"></i>{{$staffs->email}}</li>
                            </ul>
                            <div class="social">
                                @if($staffs->twitter)
                                    <a target="_blank" href="{{$staffs->twitter}}"><i class="fab fa-twitter"></i></a>
                                @endif
                                @if($staffs->linkedin)
                                    <a target="_blank" href="{{$staffs->linkedin}}"><i class="fab fa-linkedin-in"></i></a>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="more_info">
                <div class="heading-sec wow zoomIn">
                    <h4>{{__('staffs.personal_info')}}</h4>
                </div>
                <h4>{{__('staffs.brief_about_me')}}</h4>
                <p>{!! $staffs->brief !!}</p>
                <div class="exp_edu">
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="items">
                                <h5>{{$staffs->practical_experience_title}}</h5>
                                <ul>
                                    @if(count($practical_experience))
                                        @foreach($practical_experience as $item)
                                            <li>
                                                {!! $item !!}
                                            </li>
                                        @endforeach
                                    @endif
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="items">
                                <h5>{{$staffs->training_courses_title}}</h5>
                                <ul>
                                    @if(count($training_courses))
                                        @foreach($training_courses as $item)
                                            <li>
                                                {!! $item !!}
                                            </li>
                                        @endforeach
                                    @endif
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="items">
                                <h5>{{$staffs->skills_title}}</h5>
                                <ul>
                                    @if(count($skills))
                                        @foreach($skills as $item)
                                            <li>
                                                {!! $item !!}
                                            </li>
                                        @endforeach
                                    @endif
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--<div class="text-center mt-4">-->
                    <!--    <h4>{{__('staffs.hint')}}</h4>-->
                    <!--</div>-->
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')
    <script>
        let url = "{{asset($staffPage->image)}}";
        $('header').addClass('inner_header').attr('style', 'background: url('+url+')');
        $('.navs-container').addClass('inner_nav');
    </script>
@endsection