@extends('core::layouts.master')
@section('breadcrumb', 'Quản lý tên miền')
@section('head-action')
{{-- {{ Form::bsNavButton('IP cần trỏ '.$source_ip,'javascript:void(0)', ['class'=>'btn bg-info heading-btn btn-create']) }} --}}
<h6>IP cần trỏ <strong>{{ $source_ip }}</strong></h6>
@endsection
@section('content')
<div class="col-sm-12">
    <div class="panel panel-default">
        <div class="panel-body">
            <div class="tabbable nav-tabs-vertical nav-tabs-left">
                @include('setting::setting')
                <div class="tab-content">
                    <div class="row">
                        <div class="col-md-12">
                            @if(empty($domain))
                                <p class="text-center text-muted"><i class="fa fa-globe fa-5x"></i></p>
                                <p class="text-center">Website của bạn chưa có tên miền nào.<br> Thêm mới tên miền giúp quảng bá thương hiệu của bạn tốt hơn.</p>
                                <p class="text-center"><button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#modal_add_domain">Thêm tên miền</i></button></p>
                                <div id="modal_add_domain" class="modal fade">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                <h5 class="modal-title">Thêm tên miền</h5>
                                            </div>
                                            {!! Form::open([
                                            'method' => 'POST',
                                            'route'  => 'admin.domain.store'
                                            ]) !!}
                                            <div class="modal-body">
                                                <div class="form-group">
                                                    <div class="row">
                                                        <div class="col-sm-12">
                                                            <input type="text" placeholder="example.com" name="domain" class="form-control" required="">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-link" data-dismiss="modal">Hủy</button>
                                                <button type="submit" class="btn btn-primary">Lưu</button>
                                            </div>
                                            {!! Form::close() !!}
                                        </div>
                                    </div>
                                </div>
                            @else
                                <div class="table-responsive">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Tên miền</th>
                                                <th>Trang thái</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>{{ $domain }}</td>
                                                <td>
                                                    @if($domain_status)
                                                    <span class="badge bg-success">Trỏ IP thành công</span>
                                                    @else
                                                    <span class="badge bg-danger">Chưa trỏ IP thành công</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <button class="btn btn-sm btn-default" data-toggle="modal" data-target="#modal_update_domain"><i class="icon-pencil7">
                                                            </i> Cập nhập tên miền khác</button>
                                                    @if($domain_status && $domain != $_SERVER['HTTP_HOST'])
                                                     <button class="btn btn-sm btn-primary" id="confirm_domain"><i class="icon-checkmark4">
                                                            </i> Xác nhận gắn domain</button>
                                                    @endif
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div id="modal_update_domain" class="modal fade">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                <h5 class="modal-title">Thêm tên miền mới</h5>
                                            </div>
                                            {!! Form::open([
                                                'method' => 'PUT',
                                                'route'  => ['admin.domain.update',$domain]
                                            ]) !!}
                                                <div class="modal-body">
                                                    <div class="form-group">
                                                        <div class="row">
                                                            <div class="col-sm-12">
                                                                <input type="text" placeholder="example.com" name="domain" class="form-control" required="">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-link" data-dismiss="modal">Hủy</button>
                                                    <button type="submit" class="btn btn-primary">Lưu</button>
                                                </div>
                                            {!! Form::close() !!}
                                        </div>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
    <script type="text/javascript">
        $('#confirm_domain').click(function(event) {
            warningSwal({'title':'Thông báo xác nhận','message':'Website của bạn sẽ được chuyển sang domain <strong>{{ $domain }}</strong>. Việc này có thể làm gián đoạn website trong một khoảng thời gian ngắn (dự kiến 1 phút).'},function(){
                $.ajax({
                    url: '/admin/domain/confirm-domain',
                    type: 'POST',
                    data:{_token:_token}
                })
                .done(function(data) {
                    if(data.success){
                        swal({
                        title: "Thành công !",
                        text: data.msg,
                        type: "success",
                        html: true,
                        timer: 10000,
                        showConfirmButton: false
                    },function(){
                            window.location = 'http://'+data.domain;
                        });
                    }
                    else {
                         swal({
                        title: "Lỗi...",
                        text: data.msg,
                        type: "error",
                        html: true});
                    }
                })
                .fail(function(data) {
                    swal("Lỗi...", 'Có lỗi xảy ra !', "error");
                })
                .always(function() {
                    console.log("complete");
                });


            });
        });
    </script>
@endsection