@extends('dashboard.layouts.master',[
'title' => $user->name ,
'custom_template'=>true,
'crumbs' => [
[ route('dashboard.users.index'),__('users') ],
]
])

@section('content')



    <div class="row">
        <div class="col-md-3">

            <!-- Profile Image -->
            <div class="card card-primary card-outline">
                <div class="card-body box-profile">
                    <div class="text-center">
                        <img class="profile-user-img img-fluid img-circle" src="{{ $user->image_path }}"
                            alt="User profile picture">
                    </div>

                    <h3 class="profile-username text-center"> {{ $user->name }}</h3>

                    <p class="text-muted text-center">{{ $user->phone }}</p>
                    <p class="text-muted text-center h6">{{ $user->company->name }}</p>

                    <ul class="list-group list-group-unbordered mb-3">


                        <li class="list-group-item">
                            <strong><i class="fa fa-address mr-1"></i>  {{ $user->role_name }} </strong>
                            <strong><i class="fa fa-address mr-1"></i> @lang('permissions') </strong>



                            <p class="text-muted">
                                @forelse ($user->allPermissions() as $perm )
                                    <span class="badge badge-info h4"> {{ $perm->display_name }}</span>
                                @empty

                                @endforelse

                            </p>
                        </li>
                    </ul>


                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->


        </div>
        <!-- /.col -->
        <div class="col-md-9">
            <div class="card">
                <div class="card-header p-2">
                    <ul class="nav nav-pills">
                        <li class="nav-item"><a class="nav-link active show" href="#info" data-toggle="tab">
                                @lang('info')
                            </a></li>



                    </ul>
                </div><!-- /.card-header -->
                <div class="card-body">
                    <div class="tab-content">
                        <div class="tab-pane active show" id="info">
                            <div class='row'>

                                <div class='col-md-3'> <label> @lang('name') </label> </div>

                                <div class='col-md-3'> {{ $user->name }} </div>

                                <div class='col-md-3'> <label>@lang('phone') </label> </div>

                                <div class='col-md-3'> {{ $user->phone }}
                                    <br>
                                    {{ $user->phone2 }}

                                </div>
                                <div class='col-md-3'> <label>@lang('email') </label> </div>



                                <div class='col-md-3'> {{ $user->email }} </div>
                                <div class='col-md-3'> <label>@lang('address') </label> </div>

                                <div class='col-md-3'> {{ $user->address }} </div>
                                <div class='col-md-3'> <label>@lang('created_at') </label> </div>

                                <div class='col-md-3'> {{ $user->date }} </div>
                            </div>
                            <!-- row -->
                        </div>
                        <!-- /.tab-pane -->

                        <!-- /.tab-pane -->

                        <!-- /.tab-pane -->


                    </div>
                    <!-- /.tab-content -->
                </div><!-- /.card-body -->
            </div>
            <!-- /.nav-tabs-custom -->
        </div>
        <!-- /.col -->
    </div>
@stop