@extends('layouts.admin-main')

@section('content')

    <div class="d-flex justify-between align-center">
        <div class="mt-4 text-right mr-1 ml-4">
                <a href="javascript:history.back()" class="btn btn-sm btn-primary">
                    <i class="fal fa-arrow-left  mr-2"></i>
                    {{__('message.back')}}
                </a>
        </div>
        <div class="container mt-4 shadow-lg" style="width: 40%;">
            <div class="mb-6 mt-6 text-center">
                <h1 class="border-bottom border-info pb-2">{{__('message.show user')}}</h1>
            </div>
            <div class="form table-responsive">
                <table class="table table-bordered table-hover table-striped w-100">
                    <tbody>
                        <tr>
                            <th width="40%">{{__('message.name')}}</th>
                            <td class="credit">{{$user->name}}</td>
                        </tr>
                        <tr>
                            <th>{{__('message.phone')}}</th>
                            <td class="credit">{{$user->phone}}</td>
                        </tr>
                        <tr>
                            <th>{{__('message.is_active')}}</th>
                            <td class="credit">
                                @if ($user->is_active)
                                    <span class="badge badge-pill badge-success">Active</span>
                                @else
                                    <span class="badge badge-pill badge-danger">Inactive</span>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <th>{{__('message.position')}}</th>
                            <td class="credit">{{$user->position??'--'}}</td>
                        </tr>
                        <tr>
                            <th>{{__('message.gender')}}</th>
                            <td class="credit">{{$user->gender}}</td>
                        </tr>
                        <tr>
                            <th>{{__('message.role')}}</th>
                            <td class="credit">
                                @if (!empty($user->getRoleNames()))
                                    @foreach ($user->getRoleNames() as $v)
                                        <label class="badge badge-success bg-success-700">{{ $v }}</label>
                                    @endforeach
                                @endif
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="mt-4 mr-4">

        </div>
    </div>



{{--    <div class="row">--}}
{{--        <div class="col-lg-12 margin-tb">--}}
{{--            <div class="pull-left">--}}
{{--                <h2> Show User</h2>--}}
{{--            </div>--}}
{{--            <div class="pull-right">--}}
{{--                <a class="btn btn-primary" href="{{ route('users.index') }}"> Back</a>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}


{{--    <div class="row">--}}
{{--        <div class="col-xs-12 col-sm-12 col-md-12">--}}
{{--            <div class="form-group">--}}
{{--                <strong>Name:</strong>--}}
{{--                {{ $user->name }}--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <div class="col-xs-12 col-sm-12 col-md-12">--}}
{{--            <div class="form-group">--}}
{{--                <strong>Email:</strong>--}}
{{--                {{ $user->email }}--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <div class="col-xs-12 col-sm-12 col-md-12">--}}
{{--            <div class="form-group">--}}
{{--                <strong>Roles:</strong>--}}
{{--                @if(!empty($user->getRoleNames()))--}}
{{--                    @foreach($user->getRoleNames() as $v)--}}
{{--                        <label class="badge badge-success">{{ $v }}</label>--}}
{{--                    @endforeach--}}
{{--                @endif--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}

@endsection