@extends('admin.layouts.app')
@section('content')

@if(isset($user))
<div class="nk-block-head nk-block-head-sm">
    <div class="nk-block-between">
        <div class="nk-block-head-content">
            <h3 class="nk-block-title page-title">Edit User</h3>
            <div class="nk-block-des text-soft">

            </div>
        </div><!-- .nk-block-head-content -->
        <div class="nk-block-head-content">
            <div class="toggle-wrap nk-block-tools-toggle">
                <a href="#" class="btn btn-icon btn-trigger toggle-expand mr-n1" data-target="pageMenu"><em class="icon ni ni-menu-alt-r"></em></a>
                <div class="toggle-expand-content" data-content="pageMenu">
                    <ul class="nk-block-tools g-3">
                        <li class="nk-block-tools-opt">

                        </li>
                    </ul>
                </div>
            </div><!-- .toggle-wrap -->
        </div><!-- .nk-block-head-content -->
    </div><!-- .nk-block-between -->
</div><!-- .nk-block-head -->



<div class="components-preview">
    <div class="nk-block nk-block-lg">
        <div class="card card-bordered">
            <div class="card-inner">
                <form action="{{ route('admin.user.update', $user->id) }}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forName" class="form-label">Name</label>
                            <input type="text" class="form-control" name="name" value="{{ $user->name }}" id="forName">
                        </div>
                        
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forEmail" class="form-label">Email</label>
                            <input type="text" class="form-control" name="email" value="{{ $user->email }}" id="forEmail">
                        </div>
                        
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forAddress" class="form-label">Address</label>
                            <input type="text" class="form-control" name="address" value="{{ $user->address }}" id="forAddress">
                        </div>
                        
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forWebsite" class="form-label">Website</label>
                            <input type="text" class="form-control" name="website" value="{{ $user->website }}" id="forWebsite">
                        </div>
                        
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forNumber" class="form-label">Number</label>
                            <input type="number" class="form-control" name="number" value="{{ $user->number }}" id="forNumber">
                        </div>
                        
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forOrg" class="form-label">Organization Nmae</label>
                            <input type="text" class="form-control" name="organization_name" value="{{ $user->organization_name }}" id="forOrg">
                        </div>
                        
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forDesc" class="form-label">User Description</label>
                            <textarea type="text" class="form-control" name="desc" id="forDesc">{{ $user->desc }}</textarea>
                        </div>
                                                    
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forExp" class="form-label">User Type</label>
                            <select class="form-select" name="role_id" aria-label="Default select example">
                                <option selected disabled>Select Type</option>
                                @foreach($roles as $role)
                                <option value="{{ $role->id }}" {{ $user->role_id === $role->id ? 'selected' : '' }}>{{ $role->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forService" class="form-label">User Role</label>
                            <select class="form-select" name="occupation_id" aria-label="Default select example">
                                <option selected disabled>Select Role</option>
                                @foreach($occupations as $occupation)
                                <option value="{{ $occupation->id }}"  {{ $user->occupation_id === $occupation->id ? 'selected' : '' }}>{{ $occupation->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forState" class="form-label">States</label>
                            <select class="form-select" name="state_id" aria-label="Default select example">
                                <option selected disabled>Select State</option>
                                @foreach($states as $state)
                                <option value="{{ $state->id }}" {{ $user->state_id === $state->id ? 'selected' : '' }}>{{ $state->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forImage" class="form-label">Image</label>
                            <input type="file" name="image" class="form-control" id="image">
                        </div>
                        
                    </div>
                    <button type="submit" class="btn btn-primary">Update</button>
                </form>
            </div>
        </div>
    </div><!-- .nk-block -->
</div><!-- .components-preview -->

@else

<div class="nk-block-head nk-block-head-sm">
    <div class="nk-block-between">
        <div class="nk-block-head-content">
            <h3 class="nk-block-title page-title">Add User</h3>
            <div class="nk-block-des text-soft">

            </div>
        </div><!-- .nk-block-head-content -->
        <div class="nk-block-head-content">
            <div class="toggle-wrap nk-block-tools-toggle">
                <a href="#" class="btn btn-icon btn-trigger toggle-expand mr-n1" data-target="pageMenu"><em class="icon ni ni-menu-alt-r"></em></a>
                <div class="toggle-expand-content" data-content="pageMenu">
                    <ul class="nk-block-tools g-3">
                        <li class="nk-block-tools-opt">

                        </li>
                    </ul>
                </div>
            </div><!-- .toggle-wrap -->
        </div><!-- .nk-block-head-content -->
    </div><!-- .nk-block-between -->
</div><!-- .nk-block-head -->



<div class="components-preview">
    <div class="nk-block nk-block-lg">
        <div class="card card-bordered">
            <div class="card-inner">
                <form action="{{ route('admin.user.store') }}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forName" class="form-label">Name</label>
                            <input type="text" class="form-control" name="name" id="forName">
                        </div>
                        
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forEmail" class="form-label">Email</label>
                            <input type="text" class="form-control" name="email" id="forEmail">
                        </div>
                        
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forpass" class="form-label">Password</label>
                            <input type="password" class="form-control" name="password" id="forpass">
                        </div>
                        
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forAddress" class="form-label">Address</label>
                            <input type="text" class="form-control" name="address" id="forAddress">
                        </div>
                        
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forWebsite" class="form-label">Website</label>
                            <input type="text" class="form-control" name="website" id="forWebsite">
                        </div>
                        
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forNumber" class="form-label">Number</label>
                            <input type="number" class="form-control" name="number" id="forNumber">
                        </div>
                        
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forOrg" class="form-label">Organization Nmae</label>
                            <input type="text" class="form-control" name="organization_name" id="forOrg">
                        </div>
                        
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forDesc" class="form-label">User Description</label>
                            <textarea type="text" class="form-control" name="desc" id="forDesc"></textarea>
                        </div>
                                                    
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forExp" class="form-label">User Type</label>
                            <select class="form-select" name="role_id" aria-label="Default select example">
                                <option selected disabled>Select Type</option>
                                @foreach($roles as $role)
                                <option value="{{ $role->id }}" >{{ $role->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forService" class="form-label">User Role</label>
                            <select class="form-select" name="occupation_id" aria-label="Default select example">
                                <option selected disabled>Select Role</option>
                                @foreach($occupations as $occupation)
                                <option value="{{ $occupation->id }}"  >{{ $occupation->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forState" class="form-label">States</label>
                            <select class="form-select" name="state_id" aria-label="Default select example">
                                <option selected disabled>Select State</option>
                                @foreach($states as $state)
                                <option value="{{ $state->id }}">{{ $state->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        
                        <div class="col-lg-6 col-md-6 mb-3">
                            <label for="forImage" class="form-label">Image</label>
                            <input type="file" name="image" class="form-control" id="image">
                        </div>
                        
                    </div>
                    <button type="submit" class="btn btn-primary">Submit</button>
                </form>
            </div>
        </div>
    </div><!-- .nk-block -->
</div><!-- .components-preview -->


@endif

@section('scripts')

    <script>
        $(".category_name").keyup(function() {
        var Text = $(this).val();
        Text = Text.toLowerCase();
        Text = Text.replace(/[^a-zA-Z0-9]+/g,'-');
        $(".category_slug").val(Text);  
        });

    </script>


@endsection


@endsection