@extends('layouts.admin')
@section('page_title')
@parent
تیکت پشتیبانی
@endsection
@section('head-js')
<script src="{{asset('/assets/plugins/ckeditor1/ckeditor.js')}}"></script>
<link href="/assets/css/fselect.css" rel="stylesheet">
@endsection
@section('main')
  <div class="header">
    <h2>تیکت پشتیبانی</h2>
    <div class="breadcrumb-wrapper">
      <ol class="breadcrumb">
        <li><a href="/admin/dashboard">پیشخوان</a></li>
        <li class="active">تیکت پشتیبانی</li>
      </ol>
    </div>
    @include('admin.error')
  </div>
@can('new-ticket')
<button class="btn btn-success" data-toggle="modal" data-target="#addticket"><i class="fa fa-plus" aria-hidden="true"></i>  ارسال تیکت جدید</button>

        <!-- Modal -->
        <div id="addticket" class="modal fade" role="dialog">
          <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content model-back">
            {!! Form::open(['url' => '/admin/tickets/new', 'method' => 'post' ,'enctype'=>'multipart/form-data']) !!}
              <div class="modal-header bg-green">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">ارسال تیکت جدید</h4>
              </div>
              <div class="modal-body">
                <div class="row">
                  <div class="col-sm-6">
                <h5><strong>انتخاب گیرنده</strong></h5>
                  <div class="form-group">
                    <select class="myselect-opt" multiple="multiple" id="reciever" name="reciever[]" required>
                      @foreach($users as $user)
                        @if($user->id == \Auth::user()->id)
                          @continue
                        @else
                          <option value="{{$user->id}}">@if($user->lname) {{$user->fname}} {{$user->lname}} @else نام کاربر وارد نشده - {{$user->mobile}} @endif</option>
                        @endif
                      @endforeach
                    </select>
                  </div>
                  <label><input type="checkbox" name="alluser" value="1" id="alluserison"/> ارسال برای همه کاربران</label>

                  <h5><strong>انتخاب دپارتمان مربوطه</strong></h5>
                  @foreach($deps as $dep)
                  <div class="radio">
                    <label><input type="radio" name="dep" value="{{$dep->id}}" required>{{$dep->name}}</label>
                  </div>
                  @endforeach
              </div>
              <div class="col-sm-6">
                  <div class="append-icon">
                    <input type="text" class="form-control form-white" name="subject" placeholder="موضوع پیام" required>
                    <i class="icon-info"></i>
                  </div>
                <div class="append-icon" style="margin-top: 10px;">
                    <textarea type="text" class="form-control form-white" id="content" name="content" rows="7" placeholder="متن پیام ..." required></textarea>
                    <i class="fa fa-comment-o"></i>
                    <script>CKEDITOR.replace('content',{
                       language: 'fa',
                       removePlugins: 'toolbar'
                    } );
                    </script>
                </div>
              </div>

              </div>
              <div class="row">
                <div class="col-md-12">
                  <div class="form-group">
                    <h5><strong>بارگذاری فایل</strong></h5>
                    <input type="file" class="form-control" name="attach">
                  </div>
                  <label><input type="checkbox" name="sendsms" value="1"/> مطلع ساختن کاربر از طریق پیام کوتاه</label>
                </div>
              </div>
            </div>
              <div class="modal-footer">
                <button type="submit" class="btn btn-success">ارسال پیام</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">انصراف</button>
              </div>
              {!! Form::close() !!}
            </div>

          </div>
        </div>
@endcan
@can('show-tickets')
<div class="row">
  <div class="col-lg-12 portlets">
    <div class="panel">
        {!! Form::open(['url'=>'/admin/tickets' , 'method'=>'GET' , 'class'=>'search-form']) !!}
        <div class="panel-content bg-primary">
          <div class="row">
            <div class="form-group col-md-4">
              <p>جستجو</p>
              <input type="text" name="search" class="form-control input-sm" @if(@$searched) value="{{$searched}}" @endif>
            </div>
            <div class="form-group col-md-4">
              <p>انتخاب واحد</p>
              <select class="form-control input-sm" name="status">
                <option value="">انتخاب نمائید</option>
                @foreach($deps as $dep)
                <option value="{{$dep->id}}" @if($dep->id == $selectdep) selected @endif>{{$dep->name}}</option>
                @endforeach
              </select>
            </div>
            <div class="form-group col-md-4">
              <p>انتخاب وضعیت</p>
              <select class="form-control input-sm" name="status">
                <option value="">انتخاب نمائید</option>
                @foreach($status as $ss)
                <option value="{{$ss}}" @if($ss == @$selectstatus) selected @endif>{{$ss}}</option>
                @endforeach
              </select>
            </div>
          </div>
            <div class="row ">
                <div class="col-md-4">
                    <button type="submit" class="btn btn-dark">جستجو</button>
                </div>
            </div>
        </div>
        {!! Form::close() !!}
    </div>    
    <div class="panel">
      <div class="panel-content pagination2 table-responsive filter-left">
          <table class="table table-dynamic table-tools table-hover">
            <thead>
              <tr>
                <th>کاربر</th>
                <th>شماره همراه</th>
                <th width="10%">موضوع</th>
                <th>وضعیت</th>
                <th>دپارتمان</th>
                <th>تاریخ ایجاد</th>
                <th>آخرین به روزرسانی</th>
                <th></th>
              </tr>
            </thead>
            <tbody>
            @foreach($tickets as $ticket)
              <tr @if($ticket->nstatus == \App\Models\Ticket::PENDING || $ticket->nstatus == \App\Models\Ticket::USERREPLIED) style="background-color:#eee;" @endif>
                <td>@if($ticket->users) {{@$ticket->users->fname}} {{@$ticket->users->lname}} @endif</td>
                 <td>@if($ticket->users) {{@$ticket->users->mobile}} @endif</td>
                <td>{{$ticket->subject}}</td>
                <td>
                    @if($ticket->nstatus)

                        @if($ticket->nstatus == \App\Models\Ticket::PENDING)
                          <span class="label label-warning">{{ $ticket->nstatus }}</span>
                        @elseif($ticket->nstatus == \App\Models\Ticket::UNDERREVIEW)
                          <span class="label label-info">{{ $ticket->nstatus }}</span>
                        @elseif($ticket->nstatus == \App\Models\Ticket::WAITFORREPLIED)
                          <span class="label label-blue">{{ $ticket->nstatus }}</span>                    
                        @elseif($ticket->nstatus == \App\Models\Ticket::REPLIED)
                          <span class="label label-success">{{ $ticket->nstatus }}</span>  
                        @elseif($ticket->nstatus == \App\Models\Ticket::USERREPLIED)
                          <span class="label label-dark">{{ $ticket->nstatus }}</span>   
                        @elseif($ticket->nstatus == \App\Models\Ticket::CLOSED)
                          <span class="label label-default">{{ $ticket->nstatus }}</span>                     
                        @endif
                
                    @else
                        @if($ticket->adstatus == 0)
                          <span class="label label-warning">در انتظار پاسخ</span>
                        @elseif($ticket->adstatus == 1)
                          <span class="label label-info">مشاهده شد</span>
                        @elseif($ticket->adstatus == 2)
                          <span class="label label-success">خوانده نشده</span>
                        @elseif($ticket->adstatus == 3)
                          <span class="label label-dark">خوانده شده</span>
                        @elseif($ticket->adstatus == 4)
                          <span class="label label-default">بسته شد</span>
                        @endif
                    
                    @endif

                </td>
                <td><span class="label label-blue">{{$ticket->departments->name}}</span></td>
                <td>{{\Morilog\Jalali\Jalalian::forge($ticket->created_at)->format('d F Y در H:i')}}</td>
                <td>{{\Morilog\Jalali\Jalalian::forge($ticket->updated_at)->format('d F Y در H:i')}}</td>
                <td>
                  @can('show-msg-ticket')
                    <a class="btn btn-success btn-sm" href="/admin/tickets/show/{{$ticket->id}}" title="مشاهده" ><i class="icon-eye"></i></a>
                  @endcan
                  @can('delete-ticket')
                    <button class="btn btn-danger btn-sm" data-toggle="modal" data-target="#del-{{$ticket->id}}"><i class="icon-trash"></i></button>
                  @endcan
                </td>
              </tr>
              @can('delete-ticket')
          <!-- Modal -->
            <div id="del-{{$ticket->id}}" class="modal fade" role="dialog">
              <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">
                  {!! Form::open(['url' => '/admin/tickets/delete/'.$ticket->id , 'method' => 'POST']) !!}
                  <div class="modal-header bg-green">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">حذف پیام</h4>
                  </div>
                  <div class="modal-body">
                    <h5>از حذف پیام با موضوع <strong> {{$ticket->subject}} </strong> در رابطه با <strong> @if($ticket->users) {{$ticket->users->fname}} {{$ticket->users->lname}} @endif</strong> اطمینان دارید؟ </h5>
                  </div>
                  <div class="modal-footer">
                    <button type="submit"  class="btn btn-danger">تأیید و حذف</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">انصراف</button>
                  </div>
                  {!! Form::close() !!}
                </div>
              </div>
            </div>
            @endcan
            @endforeach
            </tbody>
          </table>
          {{$tickets->links('admin.pagination')}}
      </div>
    </div>
  </div>
</div>
@endcan
<style type="text/css">
  .select2-container{
  width: 100% !important;
}
</style>
@endsection
@section('js')
<script src="/assets/js/fselect.js"></script>
<script type="text/javascript">
  $('.myselect-opt').fSelect();
  $(document).on('change','#alluserison', function(){
    onis = $('#alluserison:checkbox:checked').val();
    if(onis == 1){
      $('#reciever').prop('disabled',true);
      $('.fs-wrap ').css('display','none');
    }else{
      $('#reciever').prop('disabled',false);
      $('.fs-wrap ').css('display','inherit');
    }
  });
</script>
@stop