@extends('layouts.default', [
	'sidebarLight' => true,
	'headerMegaMenu' => true,
	'sidebarMenu' => 'client.counsel',
])

@section('title', Lang::get('counsel.word.counsel_management'))

@push('css')
@endpush

@section('content')
	<!-- begin page-header -->
	<div class="page-header-wrap">
		<div class="heading-nav">
			<h1 class="page-header" style="line-height: 1.1">
				<a href="{{ URL::route('counsel.list') }}">{{ Lang::get('counsel.word.counsel_management') }}</a>
								<div style="font-size: 8pt;">
					Total <strong class="text-danger">{{ number_format($list->total()) }}</strong> enquiries 
					@if ($processSum>0)
						(<strong class="text-blue">{{ number_format($processSum) }}</strong> processes)
					@endif

					@if ($visitingSum>0)
						(<strong class="text-blue">{{ number_format($visitingSum) }}</strong> visited)
					@endif
				</div>
			</h1>

		    @include('template.client.tabmenu',['active'=>'상담관리'])
		</div>

		<div class="heading-btn">
			<div class="btn-group">
				<button type="button" class="btn btn{{ request('flag')=='I' ? '-outline':'' }}-danger flag-btn" data-type="I" title="Important">
					<i class="fas fa-flag"></i>
				</button>
				<button type="button" class="btn btn{{ request('flag')=='A' ? '-outline':'' }}-warning flag-btn" data-type="A" title="Attention">
					<i class="fas fa-exclamation-triangle"></i>
				</button>
				<button type="button" class="btn btn{{ request('flag')=='P' ? '-outline':'' }}-primary flag-btn" data-type="P" title="Pending">
					<i class="fas fa-clock"></i>
				</button>
				<button type="button" class="btn btn{{ request('flag')=='T' ? '-outline':'' }}-dark flag-btn" data-type="T" title="Hidden">
					<i class="fas fa-eye-slash"></i>
				</button>
			</div>
			<div class="btn-group">
				@if(_is('manager') or _is('admin'))
					<button type="button" class="btn btn{{ request('trashed') ? '-outline':'' }}-danger" onclick="location.href='{{ URL::route('counsel.list') }}?trashed=1'" title="Trashed">
						<i class="far fa-trash-alt"></i>
					</button>
				@endif

				<button type="button" class="btn btn-secondary" onclick="$('.comments').toggle();" title="Comments">
					<i class="far fa-comment-dots"></i>
				</button>

				{{--@if(_is('super'))--}}
					<button type="button" class="btn btn-success" onclick="location.href='{{ URL::route('counsel.list.download') }}'" title="Export">
						<i class="far fa-file-excel"></i>
					</button>
				{{--@endif--}}
			</div>
		</div>
	</div>

	<ul class="header-nav-tabs">
		<li class="{{ request('action')=='newENQ' ? 'active':'' }}">
			<a title="尚未聯繫, N, no comment or commented before 1wk" href="{{ URL::route('counsel.list') }}/newENQ">New Enqury</a>
		</li>
		<li class="{{ request('action')=='needVisit' ? 'active':'' }}">
			<a title="諮詢中(尚未來訪), S/A/B, no comment or commented before 1wk" href="{{ URL::route('counsel.list') }}/needVisit">Need Visit</a>
		</li>
		<li class="{{ request('action')=='needEnroll' ? 'active':'' }}">
			<a title="諮詢完成 (已來訪), S/A/B, no comment or commented before 1wk" href="{{ URL::route('counsel.list') }}/needEnroll">Need Enroll</a>
		</li>
		<li class="{{ request('action')=='cancelENQ' ? 'active':'' }}">
			<a title="取消, F, no comment" href="{{ URL::route('counsel.list') }}/cancelENQ">Cancel</a>
		</li>
	</ul>
	<!-- end page-header -->

    @include('template.client.counsel.search')

	<!-- begin tab-content -->
	<div class="tab-content width-full">
		@include('client.counsel.list.list')
		@include('template.table_pagination', ['resources' => $list])
	</div>
	<!-- end tab-content -->

@endsection


@push('scripts')
	<script type="text/javascript">
		$('#btn-search').click(function () {
			if($("#search-area").hasClass("extended")){
				sessionStorage.removeItem('search-area');
				$('#search-area').removeClass("extended");
				$('select[name="allStaff[]"]').selectpicker('deselectAll');
				$('#manager').removeClass('d-none');
				$('#all-staff').addClass('d-none');
			} else {
				sessionStorage.setItem('search-area','extended');
				$('#search-area').addClass("extended");
				$('select[name="manager[]"]').selectpicker('deselectAll');
				$('#manager').addClass('d-none');
				$('#all-staff').removeClass('d-none');
			}
		});

		$('.flag-btn').each(function(){
			$(this).on('click', function(e){
				e.preventDefault();
				var flag = $(this).attr('data-type');
				$('input[name="flag"]').val(flag);
				$('#form-enquiry-search').submit();
			});
		});

		{{--$('#collapseDetail').bind({
			'shown.bs.collapse':function() {
				sessionStorage.setItem('search-advanced-toggle','show');
			},
			'hidden.bs.collapse':function() {
				sessionStorage.removeItem('search-advanced-toggle');
			}
		});--}}

		function openView(url) {
			openWindow(url, url, 800, '70%', '10%', 'center', {resizable:'no'});
		};

		function orderby(field){
		    var orderby = $('input[name="orderby"]');
		    var desc = $('input[name="desc"]');

		    if ($(orderby).val()==field) {
		        if ($(desc).val()==1) {
		            $(desc).val(0);
		        } else {
		            $(desc).val(1);
		        }
		    } else {
		        $(desc).val(0);
		    }

		    $(orderby).val(field);
		    $('#form-enquiry-search').submit();
		}

		$(document).ready(function() {
			@if (request('anchor'))
				$('#row-{{request('anchor')}}').addClass('selected');
				$("html, body").animate({ scrollTop: $('a[name="{{request('anchor')}}"]').offset().top - 200 }, 500);
			@endif

			$('.excel-download').click(function() {

				var url = $(this).attr('href');
				var data = {};

				data.country=[
				@if(!empty(Request::get('country')))
					@foreach( Request::get('country') as $value)
						"{{$value}}",
					@endforeach
				@endif
				];

				data.study_type=[
				@if(!empty(Request::get('study_type')))
					@foreach( Request::get('study_type') as $value)
						"{{$value}}",
					@endforeach
				@endif
				];

				data.study_type_sub=[
				@if(!empty(Request::get('study_type_sub')))
					@foreach( Request::get('study_type_sub') as $value)
						"{{$value}}",
					@endforeach
				@endif
				];

				data.name = "{{ Request::get('name') }}";
				data.contact = {!! json_encode(Request::get('contact')) !!};
				data.email = {!! json_encode(Request::get('email')) !!};
				{{-- data.route = {!! json_encode(Request::get('route')) !!};
				data.manager = "{{ Request::get('manager') }}";
				data.status = "{{ Request::get('status') }}";
				data.possibility = "{{ Request::get('possibility') }}"; --}}
				data.address = "{{ Request::get('address') }}";
				data.id = "{{ Request::get('id') }}";
				data.start_date = "{{ Request::get('start_date') }}";
				data.end_date = "{{ Request::get('end_date') }}";
				data.type = "counsel";

				window.location.href = url + ((url.indexOf('?') > -1) ? '&' : '?') + $.param(data);
				return false;
			});

			$('.toggle-cmt').each(function(){
				$(this).on("click", function(e){
					e.preventDefault();
					var en_uid = $(this).attr('data-id');
					$('#comment-'+en_uid).toggle();
					/*if ($('#comment-'+en_uid).hasClass('show-comments')) $('#comment-'+en_uid).removeClass('show-comments');
					else $('#comment-'+en_uid).addClass('show-comments');*/
				});
			});
		});
	</script>
@endpush