@extends('layouts.app')

@section('content')
<!-- Container -->
{{-- <div class="container-fluid"> --}}
	
    <!-- Breadcrumb -->
    <nav class="hk-breadcrumb" aria-label="breadcrumb">
        <ol class="breadcrumb breadcrumb-light bg-transparent">
            <li class="breadcrumb-item active" aria-current="page">
                <h3>
                	Accounts 
                    <a href="?view_type=tables" title="Table View" data-toggle="tooltip" data-placement="top"><i class="glyphicon glyphicon-th-list"></i></a>
                </h3>
            </li>
        </ol>
    </nav>
    <!-- /Breadcrumb -->
    
    <div class="row">
        <div class="col-xl-12">
            <section class="hk-sec-wrapper border-top-0 border-bottom-0">

				@include('sales_accounts.table-header')

                <hr />
                
                <div class="row">
                        	
                    @foreach (config('defines.account_stage_select') as $data_k => $data_v)
                    
                        <div class="col-sm-2">
                            <h4 class="pb-5">{{ $data_v }}</h4>
                            <div class="dd" id="nestable_{{ $data_k }}">
                                <ol class="dd-list">
                                 	@foreach ($accounts as $account)
                                    	@if ($account->stage == $data_k)
                                            <li class="dd-item dd3-item" data-id="{{ $account->id }}" data-current_stage="{{ $account->stage }}">
                                                <div class="dd-handle dd3-handle"></div>
                                                <div class="dd3-content">
                                                    <a href="{{ route('sales.accounts.edit', $account->id) }}" target="_parent">{{ $account->name }} <div class="icon dripicons-pencil ml-2 d-inline-block"></div></a>
                                                </div>
                                            </li>
                                        @endif
                                    @endforeach
                                </ol>
                            </div>
                        </div>
                    
                    @endforeach


                </div>
            </section>
        </div>
    </div>
</div>
<!-- /Container -->


@endsection

@section('more_scripts')

    @include('sales_accounts.table-js')
    
    <script>
	

		$(document).ready(function() {
			
			@foreach (config('defines.account_stage_select') as $data_k => $data_v)
				$('#nestable_{{ $data_k }}').nestable({
					group: 1,
					maxDepth: 1,
					callback: function(l,e){
						StageUpdate ($(e).data("id"), $(l[0]).attr("id"), $(e).data("current_stage"));
					}
				});
			@endforeach
	
		});
	
	</script>


@endsection