@extends('app_admin')

@section('title', 'Community Docs')

@section('content')
    <div class="content">
        <!-- Hero Image -->
        <div class="hero" style="background-image: url({{ asset('assets/images/venues/hero/' . $property->hero_image) }})">
            <div class="hero-title {{ $property->slug == 'loulavie' ? 'loulavie' : '' }}">
                <div class="text-wrapper">
                    <h2 class="bold uppercase  wow animated fadeInUp" data-wow-delay="300ms" data-wow-duration="800ms">Welcome
                    </h2>
                    @if ($property->slug !== 'fivepark')
                        <h1 class="wow animated fadeInUp" data-wow-delay="600ms" data-wow-duration="800ms">
                            @if ($property->slug == 'lcn')
                                {{ 'LCN Concierge Assistant Gateway' }}
                            @elseif($property->slug == 'apogee')
                                {{ $property->name . ' Concierge' }}
                            @elseif($property->slug == 'ficlub')
                                {{ 'Fisher Island Club Concierge' }}
                            @elseif($property->slug == 'muranoatportofino')
                                {{ 'Murano At Portofino Concierge' }}
                            @else
                                {{ $property->name . ' Concierge' . ($property->id != 2 && $property->id != 7 ? ' Gateway' : '') }}
                            @endif
                        </h1>
                        @if ($property->slug == 'ficlub')
                            by Luxury Concierge Network
                        @endif
                    @endif
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid" ng-controller="docsCtlr as vm">
        <div class="panel">
            <div class="pull-right">
                <button ng-click="vm.createCategoryModal()" class="btn btn-small green half-width request">Create
                    Category</button>
            </div>
            <!-- Header -->
            <div class="page-header mt-f--s">
                <!-- Seaction Title -->
                <div class="header mb-l--s">
                    <span class="icon icon-folder_files_storage_open"></span>
                    <h4 class="header-title">
                        {{ 'Icon South Beach Community Docs' }}
                    </h4>
                </div>

                <div class="docs-manager">
                    @if (sizeOf($categories) > 0)
                        @foreach ($categories as $category)
                            <div class="panel-body">
                                <h5 class="docs-category">
                                    {{ unsanitize_title($category->name) }}
                                    <small>
                                        <a ng-click="vm.deletePathModal('{{ $category->name }}', true)"
                                            class="text-danger">(Delete)</a>
                                    </small>
                                </h5>
                                <div class="docs-content">
                                    <div class="row">
                                        @if (sizeOf($category->content) > 0)
                                            @foreach ($category->content['folders'] as $folder)
                                                <div class="col-sm-4 col-md-2">
                                                    <div class="docs-item">
                                                        <img src="{{ asset('assets/images/folder-icon.svg') }}"
                                                            class="docs-item-image" alt="">
                                                        <h5 class="docs-item-title">{{ unsanitize_title($folder->name) }}
                                                        </h5>
                                                        <a href="/community-docs/{{ $category->name }}/{{ $folder->name }}"
                                                            class="docs-item-view">View folder</a>
                                                        <div class="">
                                                            <small>
                                                                <a ng-click="vm.deletePathModal('{{ $category->name }}/{{ $folder->name }}', true)"
                                                                    class="text-danger">Delete</a>
                                                            </small>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforeach
                                        @endif
                                        <div class="col-sm-4 col-md-2">
                                            <div class="docs-item pt-s--s">
                                                <img src="{{ asset('assets/images/folder-icon.svg') }}"
                                                    class="docs-item-image" alt="">
                                                <button ng-click="vm.createFolderModal('{{ $category->name }}')"
                                                    class="btn btn-small half-width create-folder">Add folder</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @else
                        <div class="panel-body">
                            <div class="text-center">
                                <p>No categories added</p>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
    @include('client.pages.community-docs.partials.create-category')
    @include('client.pages.community-docs.partials.create-folder')
    @include('client.pages.community-docs.partials.delete-path')

@endsection

@section('script')
    <script type="text/javascript">
        angular.module('luxury-concierge', [
            'ui.dateTimeInput',
            'ui.bootstrap.datetimepicker',
            'ngFileUpload',
            'vAccordion',
            'ngAnimate',
            'docs',
            'modal',
            'user',
            'socket',
            'liveChat'
        ]);
    </script>
    <script type="text/javascript" src="/assets/js/moment.min.js"></script>
    <script type="text/javascript" src="/assets/js/angular-moment.min.js"></script>
    <script type="text/javascript" src="/assets/js/dateTimeInput.js"></script>
    <script type="text/javascript" src="/assets/js/datetimepicker.js"></script>
    <script type="text/javascript" src="/assets/js/datetimepicker.templates.js"></script>
    <script type="text/javascript" src="/assets/js/ng-file-upload-shim.min.js"></script>
    <script type="text/javascript" src="/assets/js/ng-file-upload.min.js"></script>
    <script type="text/javascript" src="/assets/js/v-accordion.min.js"></script>
    <script type="text/javascript" src="/assets/js/laravel.js"></script>
    <script type="text/javascript" src="{{ elixir('assets/js/controllers/docs.js') }}"></script>
    <script type="text/javascript" src="{{ elixir('assets/js/controllers/modal.js') }}"></script>
    <script type="text/javascript" src="{{ elixir('assets/js/controllers/user.js') }}"></script>
    <script type="text/javascript" src="{{ elixir('assets/js/controllers/socket.js') }}"></script>
    <script type="text/javascript" src="{{ elixir('assets/js/controllers/liveChat.js') }}"></script>
@endsection