@extends('front.layouts.app')
@section('css')

@endsection
@section('content')

<div class="page inner-page-layout auther-details">

    <div class="page-content pt-5">

        <div class="auther-pref-wrapper mb-4">

            <div class="container">

                <div class="row">

                    <div class="col-md-8 m-auto">
                        @include('vendor.errors')

                        <div class="row mb-4">
                            <div class="col-lg-3">
                                <div class="image-wrapper">
                                    <img src="{{ $row->image ? getImage( $row->image ) : '' }}" class="auther-image contestant">
                                </div><!-- image-wrapper -->
                            </div>

                            <div class="col-lg-9">
                                <div class="pref-wrapper">
                                    <h1 class="book-title h3 mb-4">{{$row->name}}</h1>
                                    <p> <span class="color-gray"> العمر :</span> {{$row->age}} سنه </p>
                                    <p> <span class="color-gray"> المستوي تعليمي : </span> {{$row->edu_level}}  </p>
                                    <p> <span class="color-gray"> الوظيفة : </span> {{ $row->job }}  </p>
                                    <p> <span class="color-gray"> الجنسيه : </span> {{$row->nationality}} </p>
                                    <!--<a href="{{ route('page.competitor-vote', $row->id) }}" class="btn btn-primary btn-sm "> صوت للمتسابق </a>-->
                                </div>
                            </div>
                        </div>
                        <!-- if uploaded video -->
                        @if($row->video)
                        <div class="co-video mb-4">
                            <video id="video-item" class="video-js vjs-default-skin" controls poster="assets/images/thums/">
                                <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
                            </video>
                        </div> <!-- co-video -->
                        @endif

                    </div>


                </div>

            </div>

        </div>



    </div><!-- page-content -->

</div> <!-- page -->

@endsection

@section('js')
@endsection