@extends('admin.layouts.app')
@section('title')
    User Domain(s)
@endsection
@section('css')
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/css/select2.min.css" rel="stylesheet" />
@endsection

@section('contents')
    <div class="container-fluid">
        <!-- Start Page Content -->
        <!-- /# row -->
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <h2>{{ $domain->url }} , <em>owned by {{ $domain->user->name }}</em></h2>
                </div>
            </div>
        </div>
        <div class="row flex-column">
            <div class="col-lg-6">
                <div class="col-md-12">
                    <div class="card p-30">
                        <div>
                            @if(Session::has('message'))
                                <div class="alert alert-info">
                                    {{ Session::get('message') }}
                                </div>
                            @endif
                        </div>
                        <button class="btn btn-default btn-success domainMove">Move Domain</button>
                        <div class="domainMoveDetails p-30" style="visibility: hidden;">
                            <form action="{{ route('admin.user.domain.move',['uid'=>$domain->user_id, 'did'=>$domain->id]) }}" method="post">
                                {{ csrf_field() }}
                                <div class="form-group">
                                    <label>Select User<span class="text-danger">*</span></label><br>
                                    <select id="userselect" class="form-control" name="uid">
                                        <option value="">--Select Users--</option>
                                        @foreach($users as $user)
                                            <option value="{{ $user->id }}">{{ $user->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <button type="submit" class="btn btn-default btn-primary btn-flat m-b-30 m-t-30">
                                    Move Now
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /# column -->
        </div>
        <!-- /# row -->

        <!-- End PAge Content -->
    </div>
@endsection

@section('js')
    <script>
        $(document).ready(function () {
            $('.domainMove').on('click', function () {
                $('.domainMoveDetails').css('visibility','visible');
            });

            //var country = ["Australia", "Bangladesh", "Denmark", "Hong Kong", "Indonesia", "Netherlands", "New Zealand", "South Africa"];
            $("#userselect").select2({
                //data: country
            });
        })
    </script>

@endsection