@extends('layouts.default')
@section('title' ,'User List')
@section('content')
<div class="content-main__inner">
    @if ($errors->any())
        <div class="alert alert-danger fade show" role="alert">
            <div class="alert-text">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </div>
            <div class="alert-close">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true"><i class="la la-close"></i></span>
                </button>
            </div>
        </div>
    @endif
    @if(session()->has('message'))
        <div class="alert alert-success fade show" role="alert">
            <div class="alert-text">{{ session()->get('message') }}</div>
            <div class="alert-close">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true"><i class="la la-close"></i></span>
                </button>
            </div>
        </div>
    @endif

    <div class="table-box">
        <div class="table-box__header table-box__header--button">
            <h4>User Details</h4>
            {{-- <a href="javascript:;" class="button button--left-icon add_user">
                <i class="fal fa-plus"></i>
                Add User
            </a> --}}
        </div>

        <div class="card-box edit_user_form" style="display:{{  ($errors->any() || !empty($userDetails)) ? 'block' : 'none'  }}">
            <div class="card-box__content">
                <form action="{{ route("saveUser") }}" id="user_edit_form" method="post">
                <div class="row">
                    <div class="col-12">
                        <div class="input-field">
                            <label>Full name</label>
                            @csrf
                            <input type="text" name="name" class="form-control" value="{{ $userDetails->u_name ?? '' }}" placeholder="Enter full name">
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="input-field">
                            <label>Email address:</label>
                            <input type="email" name="email" class="form-control" value="{{ $userDetails->u_email ?? '' }}" placeholder="Enter email">
                            <input type="hidden" name="edit_id" value="{{ $userDetails->id ?? '' }}">
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="input-field">
                            <label>Password:</label>
                            <input type="password" name="password" id="password" class="form-control" placeholder="Enter password">
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="input-field">
                            <label>Confirm Password:</label>
                            <input type="password" name="password_confirmation" class="form-control" placeholder="Enter password">
                        </div>
                    </div>

                    <div class="col-12">
                        <div class="input-field">
                            <button class="button">Submit</button>
                        </div>
                    </div>
                </div>
                </form>
            </div>
        </div>


        <div class="table-main table-responsive">
            <table id="kt_table_1" class="table table-bordered ">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Email</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>

                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection
@section('pagespecificscripts')
    <script src="{{ asset('js/user-list.js')}}"></script>
@endsection