@extends('layouts.admin_app')
@section('title', 'Assign Super Admin')
@section('content')
    <div class="card mb-2">
        <div class="card-body">
            <div class="mb-3 clearfix">
            <span class="float-left">
                <h4 class="text-info font-weight-bold">Assign Super Admin</h4>
            </span>
            </div>
            <div class="row">
                <div class="col-md-12">
                    @if ($errors->any())
                        <ul class="alert alert-danger">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    @endif
                    <form method="POST" action="{{route('head_offices.head_office.assign_super_admin',$headOffice->id)}}" accept-charset="UTF-8" id="assign_super_admin_form" name="assign_super_admin_form" class="form-horizontal">
                        {{ csrf_field() }}
                        @if(!count($users))
                            <p class="alert alert-info">No user is avaliable.</p> 
                        @endif
                        <div class="form-group">
                            <label for="user">Assign from existing User</label>
                            <select name="user_id" id="user" class="form-control w-100">
                                <option value="">Select a User</option>
                                @foreach($users as $user)
                                    <option value="{{$user->id}}">{{$user->name}} , {{$user->email}}@if($user->position), {{$user->position->name}}@endif</option>
                                @endforeach
                            </select>
                            
                        </div>
                        <div class="form-group">
                        <label for="position">Position</label>
                        <input type="text" class="form-control" maxlength="60" name="position" placeholder="Enter the position or leave it blank" value="{{old('position')}}" title="Position">
                        </div>


                        <div class="form-group">
                            <div class="col-md-offset-2 col-md-10">
                                <input class="btn btn-info" type="submit" value="Assign">
                            </div>
                        </div>

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


        </div>
    </div>

    <div class="card mb-2">
        <div class="card-body">
            <div class="mb-3 clearfix">
            <span class="float-left">
                <h4 class="text-info font-weight-bold">Create New User and make Super Admin</h4>
            </span>
                <div class="btn-group btn-group-sm float-right" role="group">
                    <a href="{{ route('users.user.index') }}" class="btn btn-info" title="Show All User">
                        <span class="fas fa-th-list" aria-hidden="true"></span>
                    </a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    @if ($errors->any())
                        <ul class="alert alert-danger">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    @endif


                    <form method="POST" action="{{ route('users.user.store') }}?hid={{$headOffice->id}}" accept-charset="UTF-8" id="create_user_form" name="create_user_form" class="form-horizontal">
                        {{ csrf_field() }}

                        @include ('admin.users.form', [
                                        'user' => null,
                                      ])
                        <div class="form-group">
                            <label for="position">Position</label>
                            <div class="col-md-10">
                            <input type="text" class="form-control" maxlength="60" name="position" placeholder="Enter the position or leave it blank" value="{{old('position')}}" title="Position">
                        </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-offset-2 col-md-10">
                                <input class="btn btn-info" type="submit" value="Add">
                            </div>
                        </div>

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


        </div>
    </div>

    <script>
        window.addEventListener('DOMContentLoaded', (event) => {
        $(document).ready(function() {
            $('select[name="user_id"]').select2();
        });
        });
    </script>

@endsection