@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">اسناد</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-6">
                <div class="form-group">
                    <input type="text" placeholder="عنوان" name="title" id="title" class="form-control" value="{{$title}}">
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <input type="text" placeholder="صاحب (نام کاربری)" name="owner" id="owner" class="form-control" value="{{$owner}}" >
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                  <label class="control-label">مرتب‌سازی براساس</label>
                  <select class="selectpicker form-control" data-style="simti_o" name="sort" data-live-search="false">
                    <option {{ 'title' == $sort? 'selected': '' }} value="title">عنوان</option>
                    <option {{ 'parent_id' == $sort? 'selected': '' }} value="parent_id">مجموعه‌مادر</option>
                    <option {{ 'privacy' == $sort? 'selected': '' }} value="privacy">دسترسی</option>
                    <option {{ 'status' == $sort? 'selected': '' }} value="status">وضعیت</option>
                    <option {{ 'updated_at' == $sort? 'selected': '' }} value="updated_at">آخرین ویرایش</option>
                    <option {{ 'children_count' == $sort? 'selected': '' }} value="children_count">تعداد زیرمجموعه</option>
                    <option {{ 'documents_count' == $sort? 'selected': '' }} value="documents_count">تعداد آیتم</option>
                  </select>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                  <label class="control-label">شیوه‌مرتب سازی</label>
                  <select class="selectpicker form-control" data-style="simti_o" name="order" data-live-search="false">
                    <option {{ 'asc' == $order? 'selected': '' }} value="asc">صعودی</option>
                    <option {{ 'desc' == $order? 'selected': '' }} value="desc">نزولی</option>
                  </select>
                </div>
            </div>
        </div>
        <div class="col-md-12" style="text-align: left;">
            <button type="submit" class="btn btn-outline-primary">جستجو</button>
        </div>
        </form>
        <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>
                  <th class="text-center"> آیتم‌ها </th>
                  <th class="text-center"> آخرین ویرایش </th>
                  <th class="text-center"></th>
                </tr>
              </thead>
              <tbody>
                @foreach($collections as $i=>$collection)
                <tr>
                  <td data-title="ردیف" class="simti_td_center">{{$i+1}}</td>
                  <td data-title="عنوان" class="simti_td_center">{{$collection->title}}</td>
                  <td data-title="مجموعه مادر" class="simti_td_center">{{$collection->parent->title}}</td>
                  <td data-title="دسترسی" class="simti_td_center">{{$collection->privacy_str}}</td>
                  <td data-title="وضعیت" class="simti_td_center">{{$collection->status_str}}</td>
                  <td data-title="زیرمجموعه‌ها" class="simti_td_center">{{$collection->children()->count()}}</td>
                  <td data-title="آیتم‌ها" class="simti_td_center">{{$collection->documents()->count()}}</td>
                  <td data-title="آخرین ویرایش" class="simti_td_center">{{$collection->updated_at_date_time_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.online_library.collections.edit', ['collection' => $collection])}}">ویرایش</a>
                        </li>
                        <li><a
                            onClick="if(confirm('آیا مطمئن هستید؟')) window.location='{{route('panel.online_library.collections.remove', ['collection' => $collection])}}'">حذف</a>
                        </li>
                        <li><a
                            href="{{route('panel.online_library.collections.show', ['collection' => $collection])}}">مشاهده</a>
                        </li>
                        <li><a
                            href="{{route('panel.online_library.documents.index', ['collection_id' => $collection])}}">آیتم‌ها</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">
              {{$collections->appends(request()->query())->links()}}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection