@extends('layouts.master')

@section('content')
    <div class="main-content side-content pt-0">

        <div class="main-container container-fluid">
            <div class="inner-body">

                <!-- Page Header -->
                <div class="page-header">
                    <div>
                        <h2 class="main-content-title tx-24 mg-b-5">Manage Users</h2>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Users</li>
                        </ol>
                    </div>
                    <div class="d-flex">
<!-- 
                        <a type="button" href='/loghistory'
                            class="me-2 btn btn-success d-flex justify-content-center align-items-center  btn-icon-text">
                            <i class="fe fe-user"></i>
                        </a> -->
                        <a class="btn ripple btn-success" href="/createuser"> <i class="fe fe-plus"></i></a>

                    </div>
                </div>
                <!-- End Page Header -->
           
                <div class="container">

                    <!-- Row -->
                    <div class="row row-sm ">
                        @if(isset($data))
                        @foreach($data as $d)
                            <div class=" col-xl-3 col-lg-6 col-md-6 col-sm-6 card custom-card our-team">
                                <div class="d-flex">
                                    <div class="demo-avatar-group my-auto float-end">

                                        <div class="p-4 ">
                                            <span class="bg-success p-1 rounded">{{$d? $d->userrole:''}}</span>
                                        </div>
                                    </div>
                                    <div class="ms-auto float-end">
                                        <div class="p-4">
                                            <a href="javascript:void(0)" class="option-dots " data-bs-toggle="dropdown"
                                                aria-haspopup="true" aria-expanded="false"><i
                                                    class="fe fe-more-vertical"></i></a>
                                            <div class="dropdown-menu dropdown-menu-end">
                                                <a class="dropdown-item" href="/userDetail">View</a>
                                                <!-- <a class="dropdown-item" href="javascript:void(0)">Delete</a> -->

                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="picture avatar-lg online text-center">
                                        <img alt="avatar" class="rounded-circle"
                                            src="{{$d?$d->profile_pic:''}}">
                                    </div>
                                    <div class="text-center ">
                                        <a href="profile.html">
                                            <h5 class="pro-user-username text-dark mt-2 mb-0">{{$d? $d->name:''}}</h5>
                                        </a>
                                        <p class="pro-user-desc text-muted mb-1">{{$d? $d->desgination:''}}</p>

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

                            @endforeach
                            @endif

                       


                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 ">
                            <div class="card custom-card bg-transparent border border-4 our-team">
                                <div class="card-body">
                                    <div class="online d-flex justify-content-center">
                                        <a class="btn ripple btn-primary" href="/createuser"> <i class="fe fe-plus"></i></a>
                                    </div>
                                    <div class="text-center ">
                                        <a href="">
                                            <h5 class="pro-user-username text-dark mt-2 mb-0">New User</h5>
                                        </a>
                                        <p class="pro-user-desc text-muted mb-1">Click here to add new User </p>

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


                        </div>

                        
                    </div>
                    <!-- End Row -->
                </div>
        



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


@endsection