@extends('admin.layouts.layout')
@section('content')
    <div class="container-fluid">

        <h4 class="h3 mb-2 text-gray-800">{{ trans('admin_lang.view') }} {{ $sdata->role_id == 2 ? 'Rider' : 'Driver' }}</h4>
        <div class="card shadow mb-4">
            <div class="card-header py-3">

                <div class="col-md-2 pull-left" style=" float: left;">
                    <a href="{{ routeUser($pagePath . '.index', ['type' => $sdata->role_id == 2 ? 'rider' : 'driver']) }}">
                        <i style="font-size:24px" class="fa">&#xf060;</i>
                    </a>
                </div>
            </div>
            <div class="card-body">

                <div class="table-responsive">

                    <div class="card">
                        <div class="card-body">
                            <div class="row">

                                <div class="col-md-10">
                                    <table class="table table-striped table-bordered" style="table-layout:fixed;">
                                        <tbody>
                                            <tr>
                                                <th style="width:30%">{{ __('ID') }}</th>
                                                @if ($sdata->id == null)
                                                    <td style="width:70%">-</td>
                                                @else
                                                    <td style="width:70%">#{{ $sdata->id }}</td>
                                                @endif
                                            </tr>
                                            <tr>
                                                <th>{{ __(' Name') }}</th>
                                                <td>{!! !empty($sdata->full_name) ? $sdata->full_name : '-' !!}</td>
                                            </tr>
                                            <tr>
                                                <th>{{ __(' Email') }}</th>
                                                <td>{!! !empty($sdata->email) ? $sdata->email : '-' !!}</td>
                                            </tr>
                                            <tr>
                                                <th>{{ __(' DOB') }}</th>
                                                <td>{!! !empty($sdata->dob) ? date('M d Y', strtotime($sdata->dob)) : '-' !!}</td>
                                            </tr>
                                            <tr>
                                                <th>{{ __(' Mobile number') }}</th>
                                                <td>{!! !empty($sdata->mobile_number) ? $sdata->country_code . ' ' . $sdata->mobile_number : '-' !!}</td>
                                            </tr>

                                            <tr>
                                                <th>{{ __('Registration date and time') }}</th>
                                                <td>
                                                    {{ $sdata->created_at ? \Carbon\Carbon::parse($sdata->created_at)->timezone('Asia/Kolkata')->format('M d Y H:i') : '-' }}
                                                </td>
                                                                                            </tr>

                                            <tr>
                                                <th>{{ __('Address') }}</th>
                                                <td>{!! !empty($sdata->address) ? $sdata->address : '-' !!}</td>
                                            </tr>

                                            @if ($sdata->role_id == 2)
                                                @include('admin.user.rider')
                                            @else
                                                @include('admin.user.driver')
                                            @endif

                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-md-2">
                                    Profile Image <br>
                                    @if ($sdata->profile_image)
                                    <a href="{{ asset($sdata->profile_image) }}" data-fancybox="group" >
                                        <img src="{{ asset($sdata->profile_image) }}"
                                            style=" margin-top:20px; height: 125px;"></a><br>
                                    @else
                                    <a href="{{ asset($sdata->profile_image) }}" data-fancybox="group" >
                                        <img src="{{ asset('public/img/avatar.jpg') }}"
                                            style=" margin-top:20px; height: 125px;"> </a>
                                    @endif


                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css">
    <script src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
    <script type="text/javascript">
        $('[data-fancybox]').fancybox({
            // Options will go here
            buttons: [
                'close'
            ],
            wheel: false,
            transitionEffect: "slide",
            // thumbs          : false,
            // hash            : false,
            loop: true,
            // keyboard        : true,
            toolbar: false,
            // animationEffect : false,
            // arrows          : true,
            clickContent: false
        });
    </script>
@endsection