@extends('account.base')

@section('title', 'Chat')

@section('account_content')
<script src="{{asset('js/plugins/layer/layer.min.js')}}"></script>

<div id="account-base">
	@include('chat::account_left')
	<div class="right_grid">
		<div class="reg_one">
			<div class="reg_left">
				<div class="reg_left_one">
					<input @if(!empty($key))value="{{$key}}"@endif placeholder="{{ __('Search reminding') }}" id="search">
					<img onclick="search()" src="{{config('locations.chatImage.asset').'search.png'}}">
				</div>
				<div class="reg_left_tow">
					<span><i><img src="{{config('locations.chatImage.asset').'Refresh.png'}}"></i> <time style="color: #666666;" onclick="javascript:location.reload();">{{ __('Refresh') }}</time></span>
					@if($method == 'index')
					<span><i><img src="{{config('locations.chatImage.asset').'delete.png'}}"></i> <time onclick="del()">{{ __('Delete') }}</time></span>
					@elseif($method == 'dustbin')
					<span><i><img src="{{config('locations.chatImage.asset').'delete.png'}}"></i> <time onclick="eye(1)">{{ __('Restore') }}</time></span>
					@endif
				</div>
			</div>
			{{$list->links('vendor.pagination.account_chat')}}
		</div>
		<div class="reg_tow">
			<div class="Log_top">
				<div class="Log_xin">
					<i><img src="{{config('locations.chatImage.asset').'letters.png'}}"></i>
					<h2>{{ __('Write') }}</h2>
				</div>
				<span>{{$title}}({{$list->total()}})</span>
			</div>

		</div>
		@foreach($list as $key=>$one)
		<div class="sore_div" >
			<div class="sore_yoi">
				<input id="color-input-red{{$key+1}}" data-id="{{!empty($one->id) ? $one->id : $one->mid}}" class="chat-button-location-radio-input ckbox" type="checkbox" name="color-input-red{{$key}}" value="#f0544d">
            <label for="color-input-red{{$key+1}}"></label>
				@if(empty($one->isRead))
					<img src="{{config('locations.chatImage.asset').'Unread.png'}}">
				@else
					<img src="{{config('locations.chatImage.asset').'Read.png'}}">
				@endif

				@if(empty($one->isNotification))
					<span>{{$one->userName}}</span>
				@else
					<span>{{ __('System') }}</span>
				@endif
			</div>
			<div class="sore_yoe myarea" data-id="{{$one->mid}}">
				<div class="sore_yoe_top">
					<span style="font-size: 14px; color: #333333; font-weight:bold">{{$one->title}}</span> <span style="font-size: 12px;color: #888888;">{!!$one->body!!}</span>
				</div>
				@if($one->documents)
				<div class="sore_yoe_foot">
        				@for($i=0;$i<count($one->documents);$i++)
        				@if($i<3)
        				@if($one->documents[$i]->format == 'pdf')
        					<div class="bor">
        						<img src="{{config('locations.chatImage.asset').'PDF20_20.png'}}">
        						<p>{{$one->documents[$i]->name}}</p>
        					</div>
        				@elseif($one->documents[$i]->format == 'doc')
        					<div class="bor">
        						<img src="{{config('locations.chatImage.asset').'word20_20.png'}}">
        						<p>{{$one->documents[$i]->name}}</p>
        					</div>
        				@else
        					<div class="bor">
							<img src="{{config('locations.chatImage.asset').'pdf_20.png'}}">
							<p>{{$one->documents[$i]->name}}</p>
						</div>
        				@endif
        				@endif
					@endfor
					@if(count($one->documents) > 3)<div class="bot">+{{count($one->documents)-3}}</div>@endif
				</div>
				@endif
			</div>
			<div class="sore_yos myarea" data-id="{{$one->mid}}">
					<p style="margin-top: 10px;float: right;margin-right: 16%;font-size: 14px; color: #333333;font-weight: bold;">{{$one->created_at}}</p>
			</div>
		</div>
		@endforeach
	</div>
</div>
<script>
    $(".Log_xin").click(function(){
        $('#mod1').modal('show')
    })
    $(".soc1").click(function(){
        $('#mod1').modal('hide')
    })


    $('#menu{{ucfirst($method)}}').addClass('active');
    $(".myarea").click(function(){
    	var id = $(this).attr('data-id');
		@if($method == 'draft')
			$.get('/account/Chat/edit/'+id,function(result){
					var result = JSON.parse(result);
					$("#messageID").val(result.detail.id);
					$("#documentsID").val(result.detail.documentsID);
					$("#bodys").html(result.detail.body);
					$("#title").val(result.detail.title);
					if(result.detail.documentsID){
						$("#sendUl").html('');
						for(i=0;i<result.detail.documents.length;i++){
							var sendHtml = '<li id="'+result.detail.documents[i].id+'"><div class="li_div1"><img src="/customUploads/'+result.detail.documents[i].filePath+'" /><span>'+result.detail.documents[i].name+'</span</div><div class="li_div2"><span class="oneRemove" data-id="'+result.detail.documents[i].id+'">X</span></div></li>'
							$("#sendUl").append(sendHtml)
						}
					}
					$("#savedraft").remove();
					$("#createForm").attr('action','/account/Chat/edit')
					getDocuments();
			})
				$('#mod1').modal('show')
		@else
				window.location.href='/account/Chat/detail/{{$method}}/'+id;
		@endif
    })

function del(){
    layer.confirm("{{ __('Delete reminding') }}", {
    		btn: ["{{ __('Confirm') }}","{{ __('Cancel') }}"] //按钮
    	}, function(){
    		eye(3);
    	});
}
function eye(action){
    var checkID = [];//定义一个空数组
    $(".sore_div").find("input[type=checkbox]:checked").each(function(i){//把所有被选中的复选框的值存入数组
		checkID[i] =$(this).attr('data-id');
    });
    if(checkID.length > 0){
    	var _data = {
    		ids:checkID,
			action:action,
			_token:"{{ csrf_token() }}"
		};
		var params = {
			url: "updateStatus",
			method: "ajaxPost",
			type: "POST",
			data: _data
		};
		new AjaxPermission(params,()=>{
			layer.msg("{{ __('Handle success') }}", {time: 2000,icon: 1},function(){
				window.location.reload();
			});
		});

    }else{
    		layer.msg("{{ __('Please choose') }}", {time: 2000,icon: 1});
    }
}
function search(){
	var key = $("#search").val();
    window.location.href='/account/Chat/{{$method}}/'+key;
}
$("#search").keydown(function (e) {
    if (e.keyCode == 13) {
        var key = $(this).val();
        window.location.href='/account/Chat/{{$method}}/'+key;
    }
});
</script>
   
</div>


@endsection