@extends('backend.layouts_backend.master2')

@section('title')
    User Details
@endsection
@section('content')


    {{-- title --}}
    <div class="d-flex justify-content-between align-items-center flex-wrap grid-margin">
        <div>
            <h4 class="mb-3 mb-md-0"> User Details</h4>
        </div>
        <div class="d-flex align-items-center flex-wrap text-nowrap">
            @if (Auth::user()->can('user-create'))
                <a href="/admin/users/create">
                    <button type="button" class="btn btn-primary btn-icon-text me-2 mb-2 mb-md-0">
                        <i class="btn-icon-prepend" data-feather="eye"></i>
                        Add User
                    </button>
                </a>
            @endif

            @if (Auth::user()->can('user-list'))
                <a href="/admin/users"> <button type="button" class="btn btn-success btn-icon-text mb-2 mb-md-0">
                        <i class="btn-icon-prepend" data-feather="trash-2"></i>
                        View Users
                    </button>
                </a>
            @endif

        </div>
    </div>

    {{-- end title --}}





    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-12 col-md-6">
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item"><strong>First Name : </strong>{{ $user->first_name ?? '' }}</li>
                        <li class="list-group-item"><strong>Last Name : </strong>{{ $user->last_name ?? '' }}</li>
                        <li class="list-group-item"><strong>Email : </strong>{{ $user->email ?? '' }}</li>
                        <li class="list-group-item"><strong>Phone : </strong>{{ $user->phone ?? '' }}</li>
                        <li class="list-group-item"><strong>User Name : </strong>{{ $user->username ?? '' }}</li>
                    </ul>
                </div>
                <div class="col-12 col-md-6">
                    <ul class="list-group list-group-flush">

                        <li class="list-group-item"><strong>Staff Position : </strong>{{ $user->staff_position_id ?? '' }}
                        </li>
                        <li class="list-group-item"><strong>Pin : </strong>{{ $user->pin ?? '' }}</li>



                        <li class="list-group-item"><strong>Roles</strong></li>
                        <li class="list-group-item">
                            @if (!empty($user->getRoleNames()))
                                @foreach ($user->getRoleNames() as $v)
                                    <div style="margin-top:0px; margin-right:0px; padding:8px; font-size:15px; background-color:gray;"
                                        class="badge badge-soft-success font-size-18"> {{ $v }} </div>
                                @endforeach
                            @endif
                        </li>
                    </ul>
                </div>

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





@endsection