@extends('layouts.panel')
@section('page_title')
  <div class="col-md-5 align-self-center">
      <h3 class="text-primary">داشبورد</h3> </div>
  <div class="col-md-7 align-self-center">
      <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="javascript:void(0)">خانه</a></li>
          <li class="breadcrumb-item active">بخش کارگاه‌ها</li>
          <li class="breadcrumb-item active">کارگاه‌ها</li>
          <li class="breadcrumb-item active">مشاهده همه</li>
      </ol>
  </div>
@endsection
@section('content')
<div class="row">
  <div class="col-md-12 col-lg-12 col-sm-12 col-m-12">
    <div class="card simti_responsive_table_no_padding">
      <div class="card-body p-b-0">
        <form>
          <div class="row">
            <div class="col-md-4" style="margin-top: auto;">
              <div class="form-group">
                <input type="text" name="title" placeholder="عنوان" id="title" class="form-control" value="{{$title}}" >
              </div>
            </div>
            <div class="col-md-4" >
              <div class="form-group">
                <label class="control-label">نوع</label>
                <select class="selectpicker form-control" data-style="simti_o" name="type" data-live-search="false">
                  <option {{ 0 == $type? 'selected': '' }} value="0">همه</option>
                  @foreach(__('workshops.instance_type_str') as $key => $value)
                    <option {{ $key == $type? 'selected': '' }} value="{{$key}}">{{$value}}</option>
                  @endforeach
                </select>
              </div>
            </div>
            <div class="col-md-4" >
              <div class="form-group">
                <label class="control-label">وضعیت</label>
                <select class="selectpicker form-control" data-style="simti_o" name="status" data-live-search="false">
                  <option {{ 0 == $status? 'selected': '' }} value="0">همه</option>
                  @foreach(__('workshops.instance_status_str') as $key => $value)
                    <option {{ $key == $status? 'selected': '' }} value="{{$key}}">{{$value}}</option>
                  @endforeach
                </select>
              </div>
            </div>
            <div class="col-md-12" style="text-align: left;">
              <button type="submit" class="btn btn-outline-primary">جستجو</button>
            </div>
          </div>
        </form>
        @if(sizeof($instances) > 0)
        <div class="col-lg-12">
          <div class="table-responsive">
            <table class="table table-striped ">
              <thead>
                <tr>
                  <th class=" text-center"> ردیف</th>
                  <th class=" text-center"> عنوان </th>
                  <th class=" text-center"> تعداد مطالب </th>
                  <th class=" text-center"> وضعیت </th>
                  <th class=" text-center"> نوع </th>
                  <th class=" text-center"></th>
                </tr>
              </thead>
              <tbody>
                @foreach($instances as $i=>$instance)
                  <tr>
                    <td data-title="ردیف" class="simti_td_center">{{$i+1}}</td>
                    <td data-title="عنوان" class="simti_td_center">{{$instance->title}}</td>
                    <td data-title=" تعداد جلسات " class="simti_td_center">{{$instance->meetings()->count()}}</td>
                    <td data-title=" وضعیت " class="simti_td_center">{{$instance->status_str}}</td>
                    <td data-title=" نوع " class="simti_td_center">{{$instance->type_str}}</td>
                    <td data-title="" class="td_btn_custom_width">
                      <div class="dropdown simti_test">
                        <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">عملیات&nbsp;&nbsp;<span class="caret"></span></button>
                        <ul class="dropdown-menu" x-placement="bottom-start" style="position: absolute; transform: translate3d(120px, 40px, 0px); top: 0px; left: 0px; will-change: transform;">
                          <li><a href="{{route('panel.workshops.instances.edit', ['instance' => $instance])}}">ویرایش</a></li>
                          <li><a onClick="if(confirm('آیا مطمئن هستید؟')) window.location='{{route('panel.workshops.instances.remove', ['instance' => $instance])}}'">حذف</a></li>
                          <li><a href="{{route('panel.workshops.instances.show', ['instance' => $instance])}}">مشاهده</a></li>
                        </ul>
                      </div>
                    </td>
                  </tr>
                @endforeach
              </tbody>
            </table>
          </div> 
          <div class="row" style="padding-bottom:20px;">
            <div class="col-md-12 text-center pagination_bank_acount">
              {{$instances->links()}}
            </div>
          </div>
        </div>
        @else
          @component('components.message_box')
            هیچ کارگاهی وجود ندارد.
          @endcomponent
        @endif
      </div>
    </div>
  </div>
</div>
@endsection