@extends('layouts.master')

@section('title', 'User Add/Edit')

@section('style')

@endsection

@section('script')
    <script>
        $('#file').change(function() {
            $('#show_file').html($('#file').val());
        })

            </script>
@endsection



@section('content')

    @include('layouts.header')




    <section class="wrapper bg-light">
        <div class="container py-14 py-md-16">
            <div class="row gx-lg-8 gx-xl-12">

                <div class="col-md-12">
                    <h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
                    <p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
                </div>

                <div class="col-lg-12">
                    <div class="blog single">
                        <div class="card">
                            <div class="card-body">

                                <div class="row">
                                    <div class="col-lg-12">

                                        <form class="contact-form" method="post" action="{{ url('/useredit') }}"
                                            enctype="multipart/form-data">
                                            {{ csrf_field() }}

                                            <input type="hidden" name="user_id" id="user_id" value="{{ $user_id }}">

                                            <div class="messages"></div>
                                            <div class="row gx-4">

                                                <div class="col-md-2">
                                                    <div class="form-floating mb-4">
                                                        <input id="user_title" type="text" name="user_title"
                                                            class="form-control" placeholder="Title" required
                                                            value="{{ $user_title }}">
                                                        <label>Title *</label>
                                                    </div>
                                                </div>

                                                <div class="col-md-5">
                                                    <div class="form-floating mb-4">
                                                        <input id="user_firstname" type="text" name="user_firstname"
                                                            class="form-control" placeholder="First Name" required
                                                            value="{{ $user_firstname }}">
                                                        <label>First Name *</label>
                                                    </div>
                                                </div>

                                                <div class="col-md-5">
                                                    <div class="form-floating mb-4">
                                                        <input id="user_lastname" type="text" name="user_lastname"
                                                            class="form-control" placeholder="Last Name" required
                                                            value="{{ $user_lastname }}">
                                                        <label>Last Name *</label>
                                                    </div>
                                                </div>

                                                <div class="col-md-12">
                                                    <div class="form-floating mb-4">
                                                        <input id="user_email" type="email" name="user_email" class="form-control" placeholder="Email" required value="{{ $user_email }}">
                                                        <label>Email *</label>
                                                    </div>
                                                </div>

                                            

                                                @if(empty($users))
                                                    <div class="col-md-6">
                                                        <div class="form-select-wrapper mb-4">
                                                            <select class="form-select" name="user_role" id="user_role" required>
                                                                <option selected disabled value="">Role *</option>
                                                                @foreach ($roles as $i => $roleItem)
                                                                    <option value="{{ $roleItem->id }}">{{ $roleItem->name }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                @endif
												
												
												<div class="col-12 text-center" style="margin-top: 50px">
                                                    <input type="submit" class="btn btn-primary rounded-pill btn-send mb-3" value="Submit">

                                                    <a class="btn btn-red rounded-pill btn-send mb-3" href="{{ url('/userlist') }}">
                                                        <i class="uil uil-back"></i> Back
                                                    </a>

                                                    <p class="text-muted"><strong>*</strong> These fields are required.</p>
                                                </div>

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

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


    @include('layouts.footer')

@endsection