@extends('layouts.master')
@section('title', 'Manage Clients')
@section('content')
@include('includes.modal')
<style>
    .m_top2{
        margin-top:20px;
    }
    .addclient_bor{
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -o-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px;
        -moz-box-shadow: 0 0 25px px #ccc;
        -webkit-box-shadow: 0 0 25px 0px #ccc;
        -o-box-shadow: 0 0 25px 0px #ccc;
        box-shadow: 0 0 25px 0px #ccc;
    }
    .addclient_title{
        border-bottom:1px solid #ccc;
        padding:6px 0;
        font-size:20px;
        clear:both;
        background-color:#eae9e9;
        text-align:center;
    }
    .table.font_sm > tbody > tr > td{
            font-size: 13px !important;
    }
    .table.font_sm > thead > tr > th{
           font-size: 15px !important;
			font-weight: 600;
    }
	.edit_btn{
		padding: 2px 15px !important;
		font-size: 12px !important;
	}
	.alert ul li{
	list-style-type:none;
}
</style>

<div class="white-title">
   <div class="row">
      <div class="col-xs-8" style="">
          <h3 class="mt-15"><span class="pe-7s-id"></span> Reseller Access</h3>
      </div>
   </div>
</div>
<div class="row container-module no-right-margin"> 
    <div class="col-sm-12 col-xs-12 col-md-12 col-lg-12 _pull-right">
        <div class="row no-right-margin main-panel">
            <div class="col-sm-12 main-panel-content mb-20">
                <div class="col-xs-12" style="padding:0;">
                    <div style="width: 40%;margin: 0 auto;margin-top: 60px;font-size: 18px;">
                        Thank you for purchasing the Reseller Version of the tool. Your access will be activated by <strong>April 2.2017</strong> after the limited launch period of HypeSprout is over.
                    </div>
                    <div class="clear"></div>					
                </div>
            </div>
        </div>
    </div>
  <!-- /.Main-Content -->
</div>

<style>
    .modal-body {
        padding: 0px;
    }
</style>
<script type="text/javascript">
    $(document).ready(function () {
        $("#selectall").click(function () {
            $('.ad_chk').prop('checked', this.checked);


        });

        $(document).on('click', ".ad_chk", function () {
            $("#selectall").prop("checked", $(".ad_chk:not(:checked)").length == 0);
        });

    });
    function statusmode(mode, id) {
        $('#loading').show();
        $.ajax({
            url: 'agency-status',
            data: {
                '_token': '{{ csrf_token() }}',
                'clientId': id,
                'mode': mode
            },
            dataType: 'json',
            type: 'post',
            success: function (response) {
                //alert(response.type);
                if (response.type = 'success') {
                    window.location.reload();
                } else {

                }
            },
        });
    }
    function delformsubmit() {
        var chk = document.getElementsByName('ad_d_sel[]');
        var len = chk.length;
        count = 0;
        for (i = 0; i < len; i++) {
            if (chk[i].checked) {
                count = count + 1;
            }
        }
        if (count == 0) {
            alert("Please select atleast one client.");
            return false;

        } else {
            confirm();
        }
    }
    function confirm() {
//        $.confirm({
//            title: 'Delete confirmation',
//            text: "Are you sure you want to delete this user?",
//            confirm: function () {
//               
//            },
//            cancel: function () {
//                // nothing to do
//            }
//        });
        var conformMsg= '<div class="panel-heading" style="font-size:19px;text-align:left;"><i class="fa fa-trash"></i> Delete confirmation</div> <div style="padding:15px;font-size: 15px;">Are you sure you want to delete this user?</div>';
        $.confirm({
            text: conformMsg,
            confirm: function() {
		 $('#delform').submit();		
            //return true;
            },
                cancel: function() {
                return false;
                }
            });
    }
    function editClient(id){
        $('#loading').show();
        $.ajax({
            url: 'edit-reseller-access',
            data: {
                '_token': '{{ csrf_token() }}',
                'clientId': id
            },
            dataType: 'json',
            type: 'post',
            success: function (response) {
                if (response.type = 'success') {
                    $('#manage_title1').hide();
                    $('#manage_title2').show();
                    $('#manul_cancel').show();
                    $('#loading').hide();
                    $('#btn_txt1').hide();
                    $('#btn_txt2').show();
                    $('#formMode').val('1') ;
                    $('#clientId').val(response.developerId);
                    $("#fname").val(response.developerFname);
//                    $("#lname").val(response.developerLname);
                    $("#email").val(response.developerEmail);
                    
                    //str = JSON.stringify(response.developer); 
                    //// (Optional) beautiful indented output.
                    //console.log(str); // Logs output to dev tools console.
                    //alert(str.id);
                   // window.location.reload();
                } else {

                }
            },
        });
    }
    function badgeCancel(){
         $('#loading').show();
        $('#manage_title1').show();
        $('#manage_title2').hide();
        $('#manul_cancel').hide();        
        $('#btn_txt1').show();
        $('#btn_txt2').hide();
        $('#formMode').val('0') ;
        $('#clientId').val('0');
        $("#fname").val('');
        $("#lname").val('');
        $("#email").val('');
        $('#loading').hide();
    }
</script>
@stop