@extends('layouts/LayoutMaster')

@section('title', 'Дело')

@section('vendor-style')
<link href="{{ asset('vndrs/emojiarea/css/emoji.css') }}" rel="stylesheet">
  <link rel="stylesheet" href="{{ asset('vndrs/css/flexslider/flexslider.css') }}">
@endsection
@section('page-style')

@endsection

@section('content')
@include('panels/modals/addDeal')
@include('panels/modals/addObject', ['fid' => $folder->id])
 @mobile
	<div class="row bg-gray mb-10px">
			<a href="/profile/deal/" class="btn-back-fix">
				<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left"><polyline points="15 18 9 12 15 6"></polyline></svg>
			</a>
			
		 <div class="profile-main wm100px">
      <div class="profile-icon">
         <div class="post_header-img">
            <a href="#">
               <img src="{{ $folder->icon }}">
            </a>
         </div>
         <div class="profile-name fixwidth">
            <div class="profile-name_name">
               <a href="#">{{ $folder->name }}</a>
            </div>
            <div class="profile-name_email">
               <a href="#">Активных дел: {{ $activeDeals }}</a>
            </div>
         </div>
      </div>           
   </div>
		<a class="btn-plus openModal" data-modal="DealModalAdd">
			<i data-feather="plus"></i>
		</a>
	</div>
   @endmobile
   <div class="case-list">
    <div class="folder-list">
	  @foreach($folders as $folder)
      	<a href="/profile/deal/{{ $folder->id }}" class="folder-item">
		<img src="{{ $folder->icon }}">
      		<div class="folder-status">
<div class="folder-status_item tool">
      				<i data-feather="tool"></i>
      				<span>{{ Helper::getCountDeals($folder->id, 0) }}</span>
      			</div>
      			<div class="folder-status_item clock">
      				<i data-feather="clock"></i>
      				<span>{{ Helper::getCountDeals($folder->id, 1) }}</span>
      			</div>
				<div class="folder-status_item check">
      				<i data-feather="check"></i>
      				<span>{{ Helper::getCountDeals($folder->id, 2) }}</span>
      			</div>
      		</div>
      		<div class="folder-info_text">
			{{ $folder->name }}
      		</div>
      	</a>
      @endforeach	
      </div>
@foreach($deals as $deal)
@php
$dDate = json_decode($deal->date, true);
$creator = Helper::getUserInfo($deal->uid);
$bg = '';
$text = 'Дело в работе';
if($deal->status == 3){
$bg = 'topbg-red';
$text = 'Отклонено';
}elseif($deal->status == 2){
	$bg = 'topbg-green';
	$text = 'Выполнено';
}elseif($deal->status == 1){
	$bg = 'topbg-green';
	$text = 'Ожидает подтверждения';
}

@endphp
      <div class="case-item_main">
				<div class="case-item_topbg {{ $bg }}">
					<div class="case-item_topbg-text">{{ $text }}</div>
				</div>
      	<div class="case-item" data-dealid="{{ $deal->id }}">
				<div class="case-name">
      			<div class="case-name_name">
      				<span>#{{ $deal->id }}</span> {{ $deal->title }}
      			</div>
      		</div>
				<div class="case-order_img">
					<a href="/uid/{{ $creator->id }}">
      				<img src="{{ $creator->photo }}">
					</a>
      		</div>	
				<div class="case-item_ditem">
					<div class="case-item_ditem-left">
					 	Цена:
					</div>
					<div class="case-item_ditem-right">
					@if($deal->sum == 0) Не указана @else {{ $deal->sum }} ₽ @endif
					</div>
				</div>
				<div class="case-item_ditem">
					<div class="case-item_ditem-left">
						Дата:
					</div>
					<div class="case-item_ditem-right">
						{{ $dDate['start'] }} - {{ $dDate['finish'] }}
					</div>
				</div>
				<div class="case-item_ditem">
					<div class="case-item_ditem-left">
						Участники:
					</div>
					<div class="case-item_ditem-right">
					{{ Helper::giveStats('deal.members', $deal->id) }}
					</div>
				</div>
      	</div>
      </div>
@endforeach		
      	
   </div>
<div class="content case-content  @mobile use-bg chatfix @endmobile @isset($open) active @endisset">

<div class="chat-main active">
		<div id="messBlock">
			@isset($open)
				@include('includes/deal/mes', ['sUID' => $open['sUID'], 'mess' => $open['mess'], 'chat' => $open['chat']])
			@endisset
		</div>
			<div class="chat-write">
				<div class="text-message">
					@include('includes/messenger/send', ['form' => 'message.send.deal'])
				</div>
			</div>
		</div>
		
   </div>
@endsection
@section('content-right')
   <div class="profile-main">
      <div class="profile-icon">
         <div class="post_header-img">
            <a href="#">
               <img src="{{ $folder->icon }}">
            </a>
         </div>
         <div class="profile-name fixwidth">
            <div class="profile-name_name">
               <a href="#">{{ $folder->name }}</a>
            </div>
            <div class="profile-name_email">
               <a href="#">Активных дел: {{ $activeDeals }}</a>
            </div>
         </div>
      </div>           
   </div>
   <div class="case-btn">
		<a class="case-btn_add openModal" data-modal="DealModalAdd">
			<i data-feather="plus"></i>
			<span>Создать дело</span>
		</a>
	</div>
	  <div class="case-btn">
		<a class="case-btn_add openModal" data-modal="ObjectModalAdd">
			<i data-feather="plus"></i>
			<span>Создать объект</span>
		</a>
	</div>
	<div class="case-btn">
		<a href="/profile/deal/" class="case-btn_add case-btn_back">
			<i data-feather="chevron-left"></i>
			<span>Вернуться назад</span>
		</a>
	</div>
			
@endsection
@section('vendor-script')
<script src="{{ asset('vndrs/js/flexslider/jquery.flexslider-min.js') }}"></script>
<script src="{{ asset('vndrs/emojiarea/js/jquery.emojiarea.min.js') }}"></script>
@endsection
@section('page-script')
<script src="{{ asset('js/scripts/deal.js') }}"></script>
<script src="{{ asset('vndrs/emojiarea/js/config.min.js') }}"></script>
<script src="{{ asset('vndrs/emojiarea/js/util.min.js') }}"></script>
<script src="{{ asset('vndrs/emojiarea/js/emoji-picker.min.js') }}"></script>
<script>
$(function() {
        // Initializes and creates emoji set from sprite sheet
        window.emojiPicker = new EmojiPicker({
          emojiable_selector: '[data-emojiable=true]',
          assetsPath: '/vndrs/emojiarea/img/',
          popupButtonClasses: 'fa fa-smile-o'
        });
        // Finds all elements with `emojiable_selector` and converts them to rich emoji input fields
        // You may want to delay this step if you have dynamically created input fields that appear later in the loading process
        // It can be called as many times as necessary; previously converted input fields will not be converted again
        window.emojiPicker.discover();
      });
</script>
<script>
 var $select = $('#select-list').selectize({
  maxItems: null,
   create: false
});
 var $leader = $('#select-leader').selectize({
  maxItems: 1,
   create: false
});
</script>
@mobile
		<script>
			$('.case-item').click(function (e) {
				$('.bot-menu').addClass('m-none');
			});
		</script>
@endmobile
@endsection