@if(empty($name))
    @php($name = __("tr.Archive"))
@endif

@if(!isset($addFolders))
    @php($addFolders = true)
@endif

@if(!isset($rootArchive))
    @php($rootArchive = $archive)
@endif

@if(!isset($addPages))
    @php($addPages = true)
@endif

@if(!isset($readOnly))
    @php($readOnly = false)
@endif

@if(!isset($optionalContentsTypes))
    @php($optionalContentsTypes = [])
@endif

@if(!isset($from))
    @php($from = 'main')
@endif

@php( $otherFiles = in_array("Other", $optionalContentsTypes) )
@unset( $optionalContentsTypes['Other'] )

@if(!isset($contentsTypes))
    @php($contentsTypes = [])
    @php($otherFiles = true)
@endif

@if(!isset($actAsOwner))
    @php($actAsOwner = false)
@endif

@if($actAsOwner)
    @php($archive->setTempOwner())
@endif

@if(!isset($collapse))
    @php($collapse = 'collapseCardOne')
@endif

@if(!isset($cardHeadingID))
    @php($cardHeadingID= 'cardheadingOne')
@endif

@if(!isset($showEntries))
    @php($showEntries = true)
@endif

@if(!isset($info))
    @php($info = true)
@endif

@if(!isset($paging))
    @php($paging = true)
@endif

<div class='modal fade' id='edit_folder_modal' tabindex='-1' role='dialog' aria-labelledby='edit_folder_modal'
     aria-hidden='true'>
    <form action="" method="post">
        {{ csrf_field() }}
        <input type="hidden" name='parent_id' value="">
        <input type="hidden" name='type' value="">
        <div class='modal-dialog' role='document'>
            <div class='modal-content'>
                <div class='modal-header'>
                    <h5 class='modal-title' id='edit_folder_modal_label'>
                        @lang('tr.AddFolder')
                    </h5>
                    <button type='button' class='close' data-dismiss='modal' aria-label='Close'>
                        <span aria-hidden='true'>&times;</span>
                    </button>
                </div>
                <div class='modal-body'>
                    <div class="form-group">
                        <input required type="text" class="form-control" name="title" placeholder="@lang('tr.Title') *">
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control" name="sub_title" placeholder="@lang('tr.SubTitle')">
                    </div>
                    <div class="form-group">
                        <textarea type="text" class="form-control" name="description"
                                  placeholder="@lang('tr.Description')"></textarea>
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control" name="content_type"
                               placeholder="@lang('tr.Content Type')">
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control" name="short_name" placeholder="@lang('tr.ShortName')"
                               title="Numbers or letters are required" data-remote-error="Short name is already used"
                               data-remote="">
                    </div>

                    <div class="form-group">
                        <select name="users_ids[]" id="users_ids" class="selectize" multiple
                                placeholder="@lang('tr.Assign To Users')"
                                url='{{ route('users_names',['types'=>'1,2,4']) }}'>
                        </select>
                    </div>

                    <div class="form-group">
                        <select name="roles[]" id="roles" class="selectize" multiple
                                placeholder="@lang('tr.Select Roles')">
                            @foreach('Spatie\Permission\Models\Role'::all() as $role)
                                <option value="{{ $role->id }}">{{ $role->name }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group">
                        <div class="form-row">
                            <div class="col">
                                <input type="checkbox" name='visible' value='1'> @lang('tr.Visible')
                            </div>
                            <div class="col">
                                <input type="checkbox" name='writable' value='1'> @lang('tr.Writable')
                            </div>
                        </div>
                    </div>
                </div>
                <div class='modal-footer'>
                    <button type='submit' class='btn btn-primary' id='action'>@lang('tr.Submit')</button>&nbsp;
                    <button type='button' class='btn btn-light' id='close'
                            data-dismiss='modal'>@lang('tr.Cancel')</button>
                </div>
            </div>
        </div>
    </form>
</div>

<div class="row gutters archive" id="{{$name}}_div">
    <div class="col-lg-12 col-xs-12 col-md-12 col-sm-12">

        <div class="card">
            <div class="card-header" role="tab" id="{{ $cardHeadingID }}">
                <div style="display: inline-block;">
                    <a data-toggle="collapse" href="#{{ $collapse }}" aria-expanded="true"
                       aria-controls="{{ $collapse }}" class="">
                        <span class="icon-media-play"></span>
                    </a>
                </div>
                @if(!isset($pathName))
                    <div style="display: inline-block;" id="parents_ids"></div>
                @else
                    <div style="display: inline-block;">
                        <a class="archive_link" href="javascript:void(0)"
                           id="@if(isset($rootArchive->id)){{ $rootArchive->id }}@endif">
                            {!! $pathName !!}
                        </a>
                    </div>
                    <div style="display: inline-block;" id="parents_ids"></div>
                @endif
                @if(isset($showActionButton)&&$showActionButton!=false ||(!isset($showActionButton)))
                    <div class="btn-group float-right">
                        <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown"
                                aria-haspopup="true" aria-expanded="false">
                            <i class="icon-cog3"></i> Action <span id="archive_marks"
                                                                   class="badge badge-pill badge-light"
                                                                   style="font-weight: bolder;display: none;"></span>
                            <span id="progress_text"></span>
                        </button>
                        <div class="dropdown-menu dropdown-menu-right" x-placement="bottom-start"
                             style="position: absolute; transform: translate3d(0px, 31px, 0px); top: 0px; left: 0px; will-change: transform;">
                            <a class="dropdown-item" href="javascript:void(0)" id="toggle_search" show="no">
                                <i class="icon-zoom archive-icon"></i> @lang('tr.SearchBar')
                            </a>
                            @if(!$readOnly)
                                <div id="marks_divider" class="dropdown-divider" style="display: none;"></div>
                                <a class="dropdown-item" href="javascript:void(0)" id="archive_move"
                                   style="display: none;"><i
                                            class="icon-arrow-move archive-icon"></i> @lang('tr.Move Items here')</a>
                                <a class="dropdown-item" href="javascript:void(0)" id="archive_paste"
                                   style="display: none;"><i
                                            class="icon-paste archive-icon"></i> @lang('tr.Paste Items here')</a>
                                <a class="dropdown-item" href="javascript:void(0)" id="reset_marks"
                                   style="display: none;"><i
                                            class="icon-paste archive-icon"></i> @lang('tr.Reset Selected Items')</a>
                            @endif
                            @can('admin_archive')
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="javascript:void(0)" id="export_archive">
                                    <i class="icon-download archive-icon"></i> @lang('tr.Export Current Folder')
                                </a>
                                <a class="dropdown-item" href="javascript:void(0)" id="import_archive">
                                    <i class="icon-upload archive-icon"></i> @lang('tr.Import')
                                </a>
                            @endcan

                            @can('admin_archive')
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="javascript:void(0)" id="download_files">
                                    <i class="icon-download3 archive-icon"></i> @lang('tr.Download Files')
                                </a>
                                <a class="dropdown-item" href="javascript:void(0)" id="download_all">
                                    <i class="icon-download4 archive-icon"></i> @lang('tr.Download All')
                                </a>
                            @endcan

                            @if(!$readOnly)
                                @if($addFolders||$addPages||$otherFiles)
                                    <div class="dropdown-divider"></div>
                                @endif
                                @if($addFolders)
                                    <a class="dropdown-item" id="add_folder" href="javascript:void(0)"
                                       modal='edit_folder_modal'>
                                        <i class="icon-folder archive-icon"></i> @lang('tr.AddFolder')
                                    </a>
                                @endif
                                @if($addPages)
                                    <a class="dropdown-item" id="add_page" href="javascript:void(0)">
                                        <i class="icon-file-text archive-icon"></i> @lang('tr.AddPage')
                                    </a>
                                @endif
                                @if($otherFiles)
                                    <a class="dropdown-item" id="upload_files" href="javascript:void(0)" multiple='yes'>
                                        <i class="icon-file-empty archive-icon"></i> @lang('tr.AddFiles')
                                    </a>
                                @endif
                                @if(isset($contentsTypes) && count($contentsTypes)>0)
                                    <div class="dropdown-divider"></div>
                                    @foreach($contentsTypes as $type=>$contentName)
                                        <a class="dropdown-item upload_type_file" content_type="{{$type}}"
                                           href="javascript:void(0)">
                                            <i class="icon-file-empty archive-icon"></i>
                                            <strong>Add {{$contentName}}</strong>
                                        </a>
                                    @endforeach
                                @endif
                                @if(isset($optionalContentsTypes) && count($optionalContentsTypes)>0)
                                    <div class="dropdown-divider"></div>
                                    @foreach($optionalContentsTypes as $type=>$contentName)
                                        <a class="dropdown-item upload_type_file" content_type="{{$type}}"
                                           href="javascript:void(0)">
                                            <i class="icon-file-empty archive-icon"></i> Add {{$contentName}}
                                        </a>
                                    @endforeach
                                @endif
                            @endif
                        </div>
                    </div>
                @endif
            </div>
            <div>
                <div id='progress_bar' style="background-color: green; width: 0%; height: 2px;"></div>
            </div>

            <div id="{{ $collapse }}" class="collapse show" role="tabpanel" aria-labelledby="{{ $cardHeadingID }}"
                 style="">
                <div class="card-body pb-0" id='search_bar' style="display:none">
                    <div class="filter-box">
                        <div class="row">

                            {{--Archive Type--}}
                            <div class="col-md-3">
                                {!! Form::select('type', array(""=>__("tr.ArchiveType"))+$archive->types(), null, array('id'=> 'type', 'data-toggle'=>'tooltip', 'data-placement'=>'top', 'title'=> __('tr.ArchiveType'))) !!}
                            </div>

                            {{--Content Type--}}
                            <div class="col-md-3">
                                {!! Form::select('content_type', array(""=>__("tr.ContentType"))+$archive->contentTypes(), null, array('id'=> 'content_type', 'data-toggle'=>'tooltip', 'data-placement'=>'top', 'title'=> __('tr.ContentType'))) !!}
                            </div>

                            {{--Search Type--}}
                            <div class="col-md-2">
                                {!! Form::select('search_type', array(""=>__("tr.SearchIn"), "0"=>"Current Folder", "1"=>"Sub Folders"), null, array('id'=> 'search_type', 'data-toggle'=>'tooltip', 'data-placement'=>'top', 'title'=> __('tr.SearchIn'))) !!}
                            </div>

                            {{--Text search[en_name, ar_name, code]--}}
                            <div class="col-md-2">
                                {{ Form::text('text_search', null, ['id'=>'text_search', 'data-toggle'=>'tooltip', 'data-placement'=>'top', 'title'=> 'Text Search', 'placeholder'=>__('tr.TextSearch')]) }}
                            </div>

                            {{--Button--}}
                            <div class="col-md-2" style="text-align: right;">
                                <A href="javascript:void(0)" id="search_button" title="@lang('tr.Search')"
                                   style="text-decoration: none;"><i class="icon-zoom" style="font-size: 200%;"></i></A>
                                <A href="javascript:void(0)" id="reset_button" title="@lang('tr.Reset')"
                                   style="text-decoration: none;"><i class="icon-cancel"
                                                                     style="font-size: 200%;"></i></A>
                            </div>
                        </div>
                    </div>
                    <hr>
                </div>

                <div class="card-body">
                    <table id="data_table" class="display" style="width:100%">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th width="5%">#</th>
                            <th width="50%">@lang('tr.Name')</th>
                            <th width="10%">@lang('tr.Type')</th>
                            <th width="10%">@lang('tr.Size')</th>
                            <th width="15%">@lang('tr.Date')</th>
                            <th width="10%"></th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="/int/js/archive.js?1"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var fromPage = '{{ $from }}';

        var editArchive = '{{ route('edit_archive', ['archive'=>'#id', 'from'=>'#from']) }}';
        editArchive = editArchive.replace('#from', fromPage);

        var saveArchive = '{{ route('save_archive', ['archive'=>'#id', 'from'=>'#from']) }}';
        saveArchive = saveArchive.replace('#from', fromPage);

        $('#{{ $name }}_div').loadArchive({
            token: '{{ csrf_token() }}',
            updateBrowserUrl: {{ empty($updateBrowserUrl)?0:$updateBrowserUrl }},
            archiveId: {{ $archive->id }},
            rootArchiveId: {{ (empty($rootArchive))?0:$rootArchive->id }},
            pathName: '{{(isset($pathName))?$pathName:''}}',
            url: '{{ route('archive', ['archive'=>'#id']) }}',
            languageFrom: '{{(isEn())?'archive':'ar/archive'}}',
            languageTo: '{{(isEn())?'ar/archive':'archive'}}',
            deleteUrl: '{{ route('delete_archive', ['archive'=>'#id']) }}',
            editUrl: editArchive,
            downloadFileUrl: '{{ route('secure_download_file') }}?sid=#sid',
            parentsUrl: '{{ route('archive_parents', ['archive'=>'#id', 'root_id'=>'#root_id']) }}',
            uploadFilesUrl: '{{ route('upload_files', ['archive'=>'#id']) }}',
            exportUrl: '{{ route('export_archive', ['archive'=>'#id']) }}',
            importUrl: '{{ route('import_archive', ['archive'=>'#id']) }}',
            downloadFiles: '{{ route('download_files', ['archive'=>'#id']) }}',
            downloadAll: '{{ route('download_all', ['archive'=>'#id']) }}',
            updateFileUrl: '{{ route('update_file', ['archive'=>'#id']) }}',
            pasteToUrl: '{{ route('paste_to_archive', ['archive'=>'#id']) }}',
            moveToUrl: '{{ route('move_to_archive', ['archive'=>'#id']) }}',
            saveUrl: saveArchive,
            checkShortNameUrl: '{{route('check_archive_short_name',['archive'=>'#id','short_name'=>'#value'])}}',
            readOnly: {{($readOnly)?'true':'false'}},
            isAdmin: {{(auth()->user()->hasPermissionTo('admin_archive'))?'true':'false'}},
            showEntries: '{{ $showEntries }}',
            info: '{{ $info }}',
            paging: '{{ $paging }}',
        });
    });

    function {{$name}}_check() {
        var contentsTypes = [];
        @foreach($contentsTypes as $type=>$contentName)
        contentsTypes.push('{{$contentName}}');
                @endforeach
        for (var i = 0; i < contentsTypes.length; i++) {
            if ($("#{{$name}}_div").find("#data_table [content_type='" + contentsTypes[i] + "']").length == 0) {
                errorBox("You must upload the " + contentsTypes[i] + ".");
                return false;
            }
        }

        return true;
    }
</script>