@extends('layouts.web-admin.main')

@section('page_title', 'Brooks')
@section('page_action', 'List Data')
{{-- @section('menu_active_brooks',' active ') --}}
@section('menu_active_contents',' active ')
@section('submenu_active_brooks',' active ')

@section('page_nav')
<li><a href="{{Route('cms.brooks.index')}}">Brooks</a></li>
<li class="active">List Data</li>
@stop

@section('page_style')
@stop


@section('content')
<!-- Content Header (Page header) -->

<section class="section-container section-with-top-border p-b-5">

  @include('layouts.web-admin.massage_block')

  <div class="row">
    <div class="col-md-12">


      <div class="panel">
        <div class="panel-heading">

          <div class="panel-heading-btn">
            <div class="pull-right">
              <button class="btn btn-default-sm" type="button" onclick="js_searchData('brooks')">
                <i class="fa fa-search"></i>
              </button>
            </div>
            <div class="pull-right">
              @if (isset($arr_data["search"]))
              <input type="text" class="form-control" name="search" id="search" value="{{ $arr_data['search'] }}"
                placeholder="Search...">
              @else
              <input type="text" class="form-control" name="search" id="search" placeholder="Search...">
              @endif
            </div>
          </div>

          <h4 class="panel-title">
            Total number of Brooks : {{ $brooks->total() }}
            @if ($hasPermission["create-brooks"])
            &nbsp;&nbsp;
            <a href="javascript:void(0)" onclick="location='{{Route('cms.brooks.create')}}'"
              class="btn btn-xs btn-icon btn-circle btn-grey" data-click="panel-collapse" title="Add Data"><i
                class="fa fa-plus"></i></a>
            @endif
            @if ($hasPermission["edit-brooks"])
            &nbsp;&nbsp;
            <a href="javascript:void(0)" onclick="js_deleteAllSubContent('brooks')"
              class="btn btn-xs btn-icon btn-circle btn-danger" data-click="panel-collapse" title="Delete Data"><i
                class="fas fa-minus"></i></a>

            @endif
          </h4>
        </div>

        <!-- /.box-header -->
        <div id="data-table_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">

          <table id="tbl_dataList" rel="brooks"
            class="table table-bordered table-hover dataTable no-footer dtr-inline table-responsive">
            <thead>
              <tr>
                <th style="width: 4%">
                  @if ($arr_data["orderByUrl"] == "order_by")
                  {{-- {{$arr_data["orderByUrl"]."==".$arr_data["ascdesc"]}} --}}
                  @if ($arr_data["ascdesc"] == "ASC")
                  <a href="javascript:void(0)"><i class="fas fa-sort-alpha-down pull-right"></i></a>
                  @endif
                  @else
                  <a
                    href="{{ url(config('config.config_pathCms').'/brooks') }}/order_by/ASC{{ $arr_data['urlSearch'] }}?page={{ $brooks->currentPage() }}"><i
                      class="fas fa-sort-alpha-up pull-right text-muted"></i></a>
                  @endif
                </th>
                <th class="text-center" style="width: 4%">
                  <p class=""><input type="checkbox" id="chk_all" onclick="js_chkAll()" class="chk_all" value="Y"></p>
                </th>
                <th style="width: 5%">
                  <p class="pull-left">รูป</p>
                </th>
                <th style="width:46%">
                  <p class="pull-left">ชื่อ</p>
                  <p class="pull-right">
                    @if ($arr_data["orderByUrl"] == "title")
                    @if ($arr_data["ascdesc"] == "asc")
                    <a href="{{ url(config('config.config_pathCms').'/brooks') }}/title/DESC{{ $arr_data['urlSearch'] }}?page={{ $brooks->currentPage() }}"
                      class="pull-right"><i class="fas fa-sort-alpha-down"></i></a>
                    @else
                    <a href="{{ url(config('config.config_pathCms').'/brooks') }}/title/ASC{{ $arr_data['urlSearch'] }}?page={{ $brooks->currentPage() }}"
                      class="pull-right"><i class="fas fa-sort-alpha-up"></i></a>
                    @endif
                    @else
                    <a href="{{ url(config('config.config_pathCms').'/brooks') }}/title/DESC{{ $arr_data['urlSearch'] }}?page={{ $brooks->currentPage() }}"
                      class="pull-right"><i class="fas fa-sort-alpha-down text-muted"></i></a>
                    @endif
                  </p>
                </th>
                <th style="width: 6%">
                  <p class="pull-left">Status</p>
                </th>
                <th style="width: 20%">
                  <p class="pull-left">Modified date</p>
                  <p class="pull-right">
                    @if ($arr_data["orderByUrl"] == "modify")
                    @if ($arr_data["ascdesc"] == "asc")
                    <a href="{{ url(config('config.config_pathCms').'/brooks') }}/modify/DESC{{ $arr_data['urlSearch'] }}?page={{ $brooks->currentPage() }}"
                      class="pull-right"><i class="fas fa-sort-alpha-down"></i></a>
                    @else
                    <a href="{{ url(config('config.config_pathCms').'/brooks') }}/modify/ASC{{ $arr_data['urlSearch'] }}?page={{ $brooks->currentPage() }}"
                      class="pull-right"><i class="fas fa-sort-alpha-up"></i></a>
                    @endif
                    @else
                    <a href="{{ url(config('config.config_pathCms').'/brooks') }}/modify/DESC{{ $arr_data['urlSearch'] }}?page={{ $brooks->currentPage() }}"
                      class="pull-right"><i class="fas fa-sort-alpha-down text-muted"></i></a>
                    @endif
                  </p>
                </th>
                <th class="text-center" style="width: 15%">
                  <p class="">Process</p>
                </th>
              </tr>
            </thead>
            <tbody>
              @if (isset($brooks) && $brooks->count()>0)
              @foreach($brooks as $brook)
              <tr class="tr_sorted" rel="tr_{{ $brook->id }}">
                <td class="text-center"><i class="fa fa-bars {{ $arr_data['status_icon_sort'] }} class_icon_sort"
                    aria-hidden="true"></i></td>
                <td class="text-center">
                  <input type="checkbox" id="chk_{{ $brook->id }}" name="chk_{{ $brook->id }}" class="class_chk"
                    value="{{ $brook->id }}" />
                </td>
                <td>
                  <img
                    src="{{ !empty($brook) && Helper::storageProcess("get",$brook->pathFile,$brook->thumb)!=""?Helper::storageProcess("get",$brook->pathFile,$brook->thumb): asset('assets/noimage.jpg') }}"
                    id="img_responsive" style="width: 100px;">
                </td>
                <td>
                  {{ $brook->title_th." / ".$brook->title_en }}<br /><br />
                  <small>Start Date :
                    {{ !empty($brook->startDate)?\Carbon\Carbon::parse($brook->startDate)->format('d/m/Y'):''}}</small><br />
                  <small>Endn Date :
                    {{ !empty($brook->endDate)?\Carbon\Carbon::parse($brook->endDate)->format('d/m/Y'):''}}</small><br />
                </td>
                <td>
                  @if (!$hasPermission["edit-brooks"])
                  <a id="btn_statusDataActive-{{$brook->id}}" href="javascript:void(0)"
                    class="btn btn-success btn-xs btn-rounded p-l-10 p-r-10">
                    {{ config('config.config_arr_status')["Y"] }}</a>
                  @else
                  @if ($brook->status==="Active")
                  <a id="btn_statusDataActive-{{$brook->id}}" href="javascript:void(0)"
                    onclick="js_changeStatus('brooks',{{ $brook->id }},'Active')"
                    class="btn btn-success btn-xs btn-rounded p-l-10 p-r-10">
                    {{ config('config.config_arr_status')["Y"] }}</a>

                  <a id="btn_statusDataInactive-{{$brook->id}}" href="javascript:void(0)"
                    onclick="js_changeStatus('brooks',{{ $brook->id }},'Inactive')"
                    class="btn btn-danger btn-xs btn-rounded p-l-10 p-r-10 hide">
                    {{ config('config.config_arr_status')["N"] }}</a>

                  @else
                  <a id="btn_statusDataActive-{{$brook->id}}" href="javascript:void(0)"
                    onclick="js_changeStatus('brooks',{{ $brook->id }},'Active')"
                    class="btn btn-success btn-xs btn-rounded p-l-10 p-r-10 hide">
                    {{ config('config.config_arr_status')["Y"] }}</a>

                  <a id="btn_statusDataInactive-{{$brook->id}}" href="javascript:void(0)"
                    onclick="js_changeStatus('brooks',{{ $brook->id }},'Inactive')"
                    class="btn btn-danger btn-xs btn-rounded p-l-10 p-r-10 ">
                    {{ config('config.config_arr_status')["N"] }}</a>
                  @endif
                  @endif
                </td>
                <td>
                  {{-- {{ \Carbon\Carbon::parse($brook->created_at)->diffForHumans() }}<br> --}}
                  {{ \Carbon\Carbon::parse($brook->created_at)->format("d/m/Y H:i:s") }}<br>
                  @if (!empty($brook->updated_by))
                  Edit By : {{\User::find($brook->updated_by)->first()->name}}
                  @endif
                </td>
                <td>
                  <a href="{{ Route('cms.brooks.show',['id'=>$brook->id]) }}"
                    class="btn btn-default btn-xs btn-block btn-rounded p-l-10 p-r-10"><i
                      class="fa fa-fw fa-play"></i>View</a>
                  @if ($hasPermission["edit-brooks"])
                  <a href="{{ Route('cms.brooks.edit',['id'=>$brook->id]) }}"
                    class="btn btn-default btn-xs btn-block btn-rounded p-l-10 p-r-10"><i
                      class="fa fa-fw fa-edit"></i>Edit</a>

                  <a href="javascript:void(0)" onclick="js_deleteContent('brooks','{{ $brook->id }}')"
                    class="btn btn-danger btn-xs btn-block btn-rounded p-l-10 p-r-10"><i
                      class="fa fa-fw fa-trash"></i>Delete</a>
                  @endif
                </td>
              </tr>
              @endforeach
              @else
              <tr>
                <td colspan="7" class="text-danger text-center">--No Data--</td>
              </tr>
              @endif
            </tbody>
          </table>

          <div class="row" style="margin-bottom: 10px;">
            <div class="col-md-5 col-sm-7">
              <div class="row">
                <div class="col-lg-2 col-md-4 col-sm-4 text-right">
                  {!! Form::select('option_limit_page', config('config.config_arr_limit_page'),
                  Session::get('limit_page.brooks'),
                  ["class"=>"form-control","id"=>"option_limit_page","onchange"=>"js_changeLimitPage('brooks',this.value)"]);
                  !!}
                </div>
                <div class="col-lg-10 col-md-8 col-sm-8">
                  Showing {{ $brooks->firstItem() }} to {{ $brooks->lastItem() }} of {{ $brooks->total() }} entries
                </div>
              </div>
            </div>
            <!-- /.col-sm-5 -->
            <div class="col-sm-7 text-right">
              {{ $brooks->render() }}
            </div>
            <!-- /.col-sm-7 -->

          </div>
          <!-- /.row -->

        </div>
        <!-- /.box-header -->

      </div>
      <!-- /.box -->


    </div>
    <!-- /.col -->
  </div>
  <!-- /.row -->
</section>
<!-- /.content -->

@stop


@section('page_script')
{!! Html::script('js/functionjs.js') !!}
@stop