@extends ('backend.layouts.app')
@section('title') {{ $module_action }} {{ $module_title }} @endsection
@section('breadcrumbs')
<x-backend-breadcrumbs>
<x-backend-breadcrumb-item route='{{route("backend.$module_name.index")}}' icon='{{ $module_icon }}' >
{{ $module_title }}
</x-backend-breadcrumb-item>
<x-backend-breadcrumb-item type="active">Profile</x-backend-breadcrumb-item>
</x-backend-breadcrumbs>
@endsection
@section('content')
<div class="card">
    <div class="card-body">
        <div class="lg:flex w-full justify-between gap-2">
            <div class="py-1">
                <h4 class="card-title mb-0">
                <i class="{{$module_icon}}"></i> Profile
                <small class="text-muted">{{ __('labels.backend.users.show.action') }} </small>
                </h4>
                <div class="small text-muted">
                    {{ __('labels.backend.users.index.sub-title') }}
                </div>
            </div>
            <!--/.col-->
            <div class="py-1">
                <div class="btn-group">
                    <a href="{{ route('backend.users.changeProfilePassword', $user->id) }}" class="btn btn-outline-primary btn-sm">Change password</a>
                    <a href="{{ route("backend.users.profileEdit", $user->id) }}" class="btn btn-primary btn-sm" data-toggle="tooltip" title="Edit {{ Str::singular($module_name) }} Profile"><i class="fas fa-wrench"></i> Edit</a>
                </div>
            </div>
            <!--/.col-->
        </div>
        <!--/.row-->
        <div class="w-full px-2 my-5">
            @include('backend.users.tab.profile')
        </div>
        <!--/.row-->
    </div>
    <div class="card-footer">
        <div class="row">
            <div class="col">
                <small class="float-right text-muted">
                Updated: {{$user->updated_at->diffForHumans()}},
                Created at: {{$user->created_at->isoFormat('LLLL')}}
                </small>
            </div>
        </div>
    </div>
</div>
@endsection