@extends('Templates.master')

{{-- Commonlinks --}}

@push('css-plugins')
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
	@include('Templates.UI.Admin.CDN.links')
    <!-- Custom CSS -->
    <link rel="stylesheet" href="{{ asset('assets/libs/select2/dist/css/select2.min.css') }}">
@endpush

{{-- Navbar --}}

@section('nav')
    @if (Auth::user() && Auth::user()->role == 3)
        @include('Templates.UI.Admin.Nav.nav-header',['name' => $name,'id' => $id])
    @endif
@endsection

@section('body')
    <!-- Page wrapper  -->
    <div class="page-wrapper">
        <!-- Container fluid  -->
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="card-title text-center">
                                <h2>Allow Multiple Permissions By Creating a Hack User</h2>
                            </div>
                            <br>
                            <form action="{{ route('store-hack-user',$user->id) }}" method="POST" class="form-horizontal">
                                {{ csrf_field() }}
                                <div class="form-group mt-3 mb-3">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <strong>Email:</strong>
                                        </div>
                                        <div class="col-md-9">
                                            <input type="email" name="email" class="form-control" placeholder="Enter Email">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group mb-3">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <strong>Permissions:</strong>
                                        </div>
                                        <div class="col-md-9">
                                            <select name="permission" id="role" class="select2 form-select shadow-none" style="width:100%;height:36px">
                                                <option value="1">User</option>
                                                <option value="2">Organisation</option>
                                                <option value="3">Admin</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <br>
                                <div class="form-group mb-3">
                                    <div class="text-center">
                                        <button type="submit" class="btn btn-lg btn-outline-primary">Submit</button>
                                    </div>
                                </div>
                                @if ($errors->any())
                                    <div class="alert alert-danger" role="alert">
                                        <h4 class="alert-heading">Validation Error!</h4>
                                        <ul>
                                            @foreach ($errors->all() as $message)
                                                <li>{{ $message }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
    
{{-- CommonScripts --}}
@push('js-scripts')
    @include('Templates.UI.Admin.CDN.scripts')
    <script src="{{ asset('assets/libs/select2/dist/js/select2.min.js') }}"></script>
    <script>
		$(document).ready(function(){
			// For select 2
			$(".select2").select2();
		});
	</script>
@endpush