@extends('layouts.app')

@section('content')
<div class="col-md-12">
    <div class="row">
      
        <div class="top-bred-wrap">
            <ul class="breadcrumb pull-left">
                <li><a href="#">Home</a></li>
                <li>Accounts</li>
            </ul>
            <button class="btn pull-right help_btn">?</button>
        </div>
        <div class="cont-inner-wrap">
            <div class="page-tittleBox">
                <div class="caption pull-left">
                    <h2 class="pageHead">Accounts</h2>
                    <span class="subtitle"></span>
                </div>
                <div class="action-button success_actions pull-right" style="">
                    <li class="button-dropdown">
                        <a href="" class="plusBtn_icon action_add" data-toggle="modal" data-target="#new_filesAdd"> Action Add</a>
                        <a href="javascript:void(0)" class="pro-wrapBox dropdown-toggle"><button class="actionBtn">Action</button></a>
                         
                        <ul class="dropdown-menu">
                            <li>
                                <a href=""  data-toggle="modal" data-target="#new_filesAdd" id="action_add">Add Account</a>
                            </li>
                        </ul>
                    </li>
                </div>
            </div>
            <div class="cont-dtsBox">
                <div class="table-wrap">
                  
                        	<div class="table-controlBox">
                                    <div class="dropdown-sin-1">
                                        <select style="display:block"  placeholder="-Select-" name="account_id" id="filter_account">
                                                <option value="">--Select a account--</option>
                                                @foreach($list as $account)
                                                {{--  <select class="form-control select2 filter select2-hidden-accessible select_program" name="account_id" id="account_id"tabindex="-1" aria-hidden="true">  --}}
                                                            <option value="{{$account->id}}">{{$account->name}}</option>
                                                                @endforeach
                                        </select>
                                    </div>
                                   
                                    <button class="theme_btn_round btn filter_all filter" type="button" name="load" value="Filter" style="">Filter</button>
                                    {{--  <button class="theme_btn_round btn export_excel" style="" type="submit">Export</button>  --}}
                                </div>
                        
                    
                    <!--Table-->
                    <table class="table table-striped account_tblWrap">
                        <!--Table head-->
                        <thead>
                            <tr>
                                <th>logo</th>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Role</th>
                                <th>Status</th>
                                <th><a href="#"><img src="admin/images/dots_menu_grey.png" alt="" /></a></th>
                            </tr>
                        </thead>


                        <!--Table head-->

                        <!--Table body-->
                        <tbody>
                            @include('admin.account.ajax_table',["list" => $list])

                        </tbody>
                        <!--Table body-->
                    </table>
                    <!--Table-->
                </div>
            </div>
        </div>
    </div>

</div>
@include('admin.account.modals.create',["roles" => $roles])
<div id="edit_modal" class="hidden creat_sideBar new_modalRight modal right fade" tabindex="-1" role="dialog"  aria-hidden="false" data-backdrop="static" data-keyboard="false" aria-labelledby="myModalLabel2"></div>

@endsection

@section('admin_css')

@stop
@section('admin_js')
<script>
    
    $("#action_add").on("click",function(){
        alert("ha");     
        $("#account_name").val("");
        $("#email").val("");
        $("#password_confirmation").val("");
        $("#password").val("");
        
    });
    
    //To store the account_users
//    $(document).ready(function (e) {
    $(document).on("click", ".dropdown-toggle", function () {
      
        $("#account_name").val("");
        $("#email").val("");
        $("#password_confirmation").val("");
        $("#password").val("");
        $(this).addClass("active");
        $(this).parent().find("ul").css("display", "block");
       
    });
    $(document).on("click", ".action_add", function () {
      $("#account_name").val("");
      $("#email").val("");
      $("#password_confirmation").val("");
      $("#password").val("");
      $(this).addClass("active");
      $(this).parent().find("ul").css("display", "block");
     
  });

    $(document).on("submit", "#account_frm", function (e) {
        e.preventDefault();
        $("p.account_name").text("");
        $("p.email").text("");
        $("p.password").text("");
        $("p.password_confirmation").text("");
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        var formData = new FormData(this);
        $.ajax({
            type: 'POST',
            url: "{{route('accounts.store')}}",
            data: formData,
            cache: false,
            contentType: false,
            processData: false,
            datatype: 'html',
            success: function (data) {
                if (data.status == 30000) {
                    $.each(data.errors, function (key, value) {
                        $("." + key).removeClass("hidden").text(value);
                    });
                } else if (data.status == 10000) {
                    $("table.account_tblWrap tbody").html(data.html);
                    $('#new_filesAdd').modal('hide');
                    $('.modal-backdrop').remove();
                     success_msg(data.message);
                     $("#account_frm").trigger("reset");
                } else {
                    console.log(data.message);
                }
            },
            error: function (data) {
                console.log(data);
            }
        });
    });
    //Acount Status Change
    $(document).on("click", ".change_status", function () {
        $this = $(this);
        var id = $this.attr('id');
        $.ajax({
            url: " {{route('account-status')}}",
            method: 'post',
            data: {id: id, "_token": "{{ csrf_token() }}"},
            success: function (response) {
                if (response.status == 10000) {
                    if (response.data == 1) {
                        $this.removeClass("btn-danger").addClass("btn-success").text("Active");
                    }
                    if (response.data == 0) {
                        $this.removeClass("btn-success").addClass("btn-danger").text("Inactive");
                    }

                    if (response.data == "invalid") {
                        alert("invalid");
                    }
                }

            }});
    });
    //Edit Acount with show modal
    $(document).on("click", ".edit_account", function () {
        $this = $(this);
        $.ajax({
            url: $this.attr("url-data"),
            method: 'get',
            success: function (response) {
                $("#edit_modal").removeClass("hidden").html(response.html).modal('show');
            }});
    });

//Acount Update
    $(document).on("submit", "form#account_update_form", function (e) {
        e.preventDefault();
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        var formDataGet = new FormData(this);
        $.ajax({
            type: "POST",
            url: "{{ route('account-update') }}",
            data: formDataGet,
            cache: false,
            contentType: false,
            processData: false,
            success: function (data) {
                if (data.status == 30000) {
                    $.each(data.errors, function (key, value) {
                        $("." + key).removeClass("hidden").text(value);
                    });
                } else if (data.status == 10000) {
                    $("table.account_tblWrap tbody").html(data.html);
                    $('#edit_modal').modal('hide');
                    $('.modal-backdrop').remove();
                     success_msg(data.message);
                } else {
                    console.log(data.message);
                }
            },
            error: function (data) {
            }
        });
    });
//    });
$(document).on("click", ".filter_all", function () {
   //var id = $(this).val();
    var account = $("#filter_account").val();
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    }); 
    $.ajax({
        type: "POST",
        url: "{{ route('filters') }}",
        data: {account: account},
        success: function (data) {
            $("table.account_tblWrap tbody").html(data.html);
        },
        error: function (data) {
        }
    });
})

</script>

@stop