@extends('layouts.main')

@section('title', 'GLESEC Member Portal')

@php
    $isActiveDocumentsTab = !request()->has('category')
        && !Request::input('manual')
        && !Request::input('document_type');
    $isActiveManualsTab = request()->has('category')
        || request()->has('manual');
    $isActiveUploadedTab = !request()->has('category')
        && !request()->has('manual')
        && request()->has('document_type');
@endphp

@section('breadcrumb')
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box row" id="documents-title-box">
                <div class="col-lg-3 col-xl-4 col-md-12 col-12">
                  <h4 class="page-title" style="float: unset;">Documents and Manuals</h4>
                </div>

                <div class="col-lg-6 col-xl-4 col-md-6 col-12">
                  <div class="">
                      <ul class="nav nav-tabs nav-bordered nav-justified">
                          <li class="nav-item">
                              <a href="/documents"
                                 class="tb_links nav-link @if($isActiveDocumentsTab) active @endif">
                                  <span class="d-none d-sm-inline-block">Documents</span>
                              </a>
                          </li>
                          <li class="nav-item">
                              <a href="/documents?manual=y"
                                 class="tb_links nav-link @if($isActiveManualsTab) active @endif">
                                  <span class="d-none d-sm-inline-block">Manuals</span>
                              </a>
                          </li>
                          <li class="nav-item">
                              <a href="/documents/?document_type=uploaded"
                                 class="tb_links nav-link @if($isActiveUploadedTab) active @endif">
                                  <span class="d-none d-sm-inline-block">Uploaded Documents</span>
                              </a>
                          </li>
                      </ul>
                  </div>
                </div>

                <div class="col-lg-3 col-xl-4 col-md-6 col-12">
                  <ol class="breadcrumb">
                      <li class="breadcrumb-item"><a href="/">Home</a></li>
                      <li class="breadcrumb-item active">Documents</li>
                  </ol>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('content')

    <div class="content-body">
        <div class="clearfix"></div>

        @include('flash::message')

        <div class="clearfix"></div>
        <div class="tab-content">
            <div class="tab-pane @if($isActiveDocumentsTab) active @endif">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="card">
                            <div class="card-box">
                                <div class="table-responsive">
                                    <table class="table table-chrome table-striped not-wrapped-results m-0"
                                           id="document-table" class="display" cellspacing="0" width="100%">
                                        <thead class="thead-primary text-nowrap text-white">
                                        <tr>
                                            <th>Document Name</th>
                                            <th>Date</th>
                                            <th>Action</th>

                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($documents as $document)
                                            <tr>
                                                <td><a href="{{ url('/documents/download', ['id'=>$document->id]) }}"
                                                       title="Download Document">{{ $document->name }}</a></td>
                                                <td>
                                                    {{date('m/d/Y',strtotime($document->updated_at))}}
                                                </td>
                                                <td>
                                                    <a href="{{ url('/documents/download', ['id'=>$document->id]) }}"
                                                       title="Download Document"><i class=" ti-download"></i></a>
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="tab-pane @if($isActiveManualsTab) active @endif">
                <div class="row">
                    <div class="card" style="width:100%;">
                        <div class="card-body">
                            <div class="box-header with-border">
                                <h4 class="box-title">Filters</h4>
                            </div>
                            <div class="box-body" style="">
                                {!! Form::open(['url' => ['documents'], 'method' => 'get']) !!}
                                @include('documents.filter')
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="card">
                            <div class="card-box">
                                <div class="table-responsive">
                                    <table class="table table-chrome table-striped not-wrapped-results m-0"
                                           id="document-table2" class="display" cellspacing="0" width="100%">
                                        <thead class="thead-primary text-nowrap text-white">
                                        <tr>
                                            <th>Title</th>
                                            <th>Category</th>
                                            <th>Type</th>
                                            <th>Action</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($manuals as $manual)
                                            <tr>
                                                @if($manual->allow_download)
                                                    <td><a href="{{ url('/manuals/download', ['id'=>$manual->id]) }}"
                                                           title="Download Manual">{{ $manual->title }}</a></td>
                                                @else
                                                    <td><a href="{{ url('/manuals/view', ['id'=>$manual->id]) }}"
                                                           title="View Manual">{{ $manual->title }}</a></td>
                                                @endif
                                                <td>
                                                    {!! isset($manual->category->title)?$manual->category->title:'-' !!}
                                                </td>
                                                <td>
                                                    {{ \App\Models\Manuals\ManualDocuments::$type_info[$manual->type] }}
                                                </td>
                                                <td>
                                                    @if($manual->allow_download)
                                                        <a href="{{ url('/manuals/view', ['id'=>$manual->id]) }}"
                                                           title="View Manual" class="link-bg-green"><i
                                                                    class="ti-blackboard"></i></a>
                                                        <a href="{{ url('/manuals/download', ['id'=>$manual->id]) }}"
                                                           title="Download Manual" class="link-bg-blue"><i
                                                                    class=" ti-download"></i></a>
                                                    @else
                                                        <a href="{{ url('/manuals/view', ['id'=>$manual->id]) }}"
                                                           title="View Manual" class="link-bg-green"><i
                                                                    class="ti-blackboard"></i></a>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="tab-pane @if($isActiveUploadedTab) active @endif">
                <div class="row">
                    <div class="col-md-12">
                        <a href="{!! route('documents.upload') !!}" class="btn btn-primary pull-right" id="add-document-button">Add Document</a>
                    </div>
                    <div class="col-sm-12">
                        <div class="card">
                            <div class="card-box">
                                <div class="table-responsive">
                                    <table class="table table-chrome table-striped not-wrapped-results m-0" class="display" cellspacing="0" width="100%" id="uploadedDocuments">
                                        <thead class="thead-primary text-nowrap text-white">
                                            <tr>
                                                <th>Title</th>
                                                <th>Description</th>
                                                <th>Date</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($uploadedDocuments as $uploadedDocument)
                                            <tr>
                                                <td>{{ $uploadedDocument->name }}</td>
                                                <td>{{ $uploadedDocument->description }}</td>
                                                <td>{{ \Carbon\Carbon::parse($uploadedDocument->created_at)->format('m/d/Y') }}</td>
                                                <td>
                                                    <a href="{!! route('documents.edit', $uploadedDocument) !!}" title="Edit" class="link-bg-blue">
                                                        <i class="fa fa-pencil"></i>
                                                    </a>
                                                    <form action="{!! route('documents.destroy', $uploadedDocument) !!}" method="POST">
                                                        {{ method_field('DELETE') }}
                                                        {{ csrf_field() }}
                                                        <a href="javascript: void(0);" title="Delete" class="link-bg-red deleteBtn">
                                                            <i class="fa fa-trash"></i>
                                                        </a>
                                                    </form>
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script type="text/javascript">
        var dataTable = new DataTable(document.querySelector('#document-table'), {perPageSelect: [5, 15, 25, 50, 100],perPage: 15,});
        var dataTable2 = new DataTable(document.querySelector('#document-table2'), {perPageSelect: [5, 15, 25, 50, 100],perPage: 15,});
        var dataTable2 = new DataTable(document.querySelector('#uploadedDocuments'), {perPageSelect: [5, 15, 25, 50, 100],perPage: 15,});

        $('.deleteBtn').click(function() {
            if (confirm('Are you sure?')) {
                $(this).closest('form').trigger('submit');
            }
        });
    </script>
@endsection