@extends('layouts.app')

@section('title', 'Delete and Transfer User')

@section('content')
<div class="right-content-wrapper">
<div class="container-fluid p-0">

    <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="main-heading h3 mb-0 text-gray-800">Delete User</h1>
        <a href="{{route('users.index')}}" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i class="fas fa-arrow-left fa-sm text-white-50"></i> Back</a>
    </div>

    {{-- Alert Messages --}}
    @include('common.alert')

    <!-- DataTales Example -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Delete and Transfer User Rights</h6>
        </div>
        <form id="delete-transfer-user-form" method="POST" action="{{route('users.delete-and-trasfer-user')}}">
            @csrf
            <input type="hidden" name="id" value="{{$id}}" />
            <div class="card-body">
                <div class="form-group row">
                    {{-- Delete and transfer --}}
                    <div class="col-sm-6 mb-3 mt-3 mb-sm-0">
                        <div class="custom-control custom-radio custom-control-inline">
                            <input type="radio" id="delete-only" name="delete_type" value="1" class="custom-control-input" {{ old('delete_type') == '1' ? 'checked' : 'checked' }}>
                            <label class="custom-control-label" for="delete-only">Delete only</label>
                        </div>
                        <div class="custom-control custom-radio custom-control-inline">
                            <input type="radio" id="delete-and-transfer" name="delete_type" value="2" class="custom-control-input" {{ old('delete_type') == '2' ? 'checked' : '' }}>
                            <label class="custom-control-label" for="delete-and-transfer">Delete and transfer User Rights</label>
                        </div>
                        @error('delete_type')
                        <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                </div>
                <div class="form-group row">
                    {{-- App Users --}}
                    <div class="col-sm-6 mb-3 mt-3 mb-sm-0 app-users d-none321" id="appUsers"  style="display: {{ old('delete_type') == '2' ? 'block' : 'none' }};">
                        <label>App User</label>
                        <select class="form-control form-control-user @error('app_user') is-invalid @enderror" name="app_user" required>
                            <option selected disabled>Select App User</option>
                            @if(count($appUsers) > 0)
                                @foreach($appUsers as $appUser)
                                    <option value="{{$appUser->id}}">{{$appUser->name}}</option>
                                @endforeach
                            @endif  
                        </select>

                        @error('app_user')
                        <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                </div>
            </div>

            <div class="card-footer">
                <button type="submit" class="btn btn-success btn-user float-right mb-3">Save</button>
                <a class="btn btn-primary float-right mr-3 mb-3" href="{{ route('users.index') }}">Cancel</a>
            </div>
        </form>
    </div>
</div>
</div>
@endsection

@push('script')
<script>
    $(document).ready(function() {
        $('input[name="delete_type"]').on('change', function() {
           //alert($(this).val());
            if ($(this).val() === '1') {
                $('#appUsers').hide(); // Hide the div
            } else if ($(this).val() === '2') {
                $('#appUsers').show(); // Show the div
            }
        });
    });
</script>
@endpush