@php ($headerOption = [
'title' => $module,
'header_button' => $permission['create'] ? '<a class="btn bg-teal waves-effect" id="include_files" href="javascript:;" data-toggle="tooltip" data-original-title="Include Common File & Folders"><i class="material-icons">add</i> <span>Include Common Files</span></a>' : ''
])
@extends('admin.layouts.layout', $headerOption)

@section('main')

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<style>
    .file-manager-left-panel ul {
        list-style-type: none;
    }

    .file-manager-left-panel a:hover {
        color: #222;
        text-decoration: none;
    }

    .file-manager-list {
        padding: 0;
    }

    .file-manager-list ul {
        padding-left: 18px;
    }

    .custom-well {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .custom-well .back-btn {
        color: #777577;
    }

    .custom-well .back-btn:hover {
        color: #222;
        text-decoration: none;
    }

    .file-manager-buttons {
        display: flex;
        flex-wrap: wrap;

    }

    .file-manager-buttons a {
        margin-left: 15px;
        color: #777577;
        cursor: pointer;
    }

    .file-manager-buttons a:hover {
        text-decoration: none;
        color: #222;
    }

    .file-manager-wrapper .row {
        position: relative;
    }

    .file-manager-wrapper .row::before {
        content: '';
        background: #dfdfdf;
        width: 1px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 25%;
        display: block;
    }

    .thumb-block {
        border: 1px solid #dfdfdf;
        border-radius: 5px;
        padding: 15px;
        text-align: center;
    }

    .thumb-pic {
        min-height: 70px;
    }

    .thumb-pic i {
        font-size: 5vw;
    }

    .thumb-block h4 {
        font-size: 16px;
    }

    .thumb-block-action {
        display: flex;
        justify-content: center;
    }

    .thumb-block-action a {
        display: inline-flex;
        background: #dfdfdf;
        width: 25px;
        height: 25px;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        margin-left: 5px;
        margin-right: 5px;
        color: #777577;
    }

    .thumb-block-action a:hover {
        background: #ccc;
        color: #222;
        text-decoration: none;
    }

    .file-manager-buttons .dropdown-menu>li>a {
        padding-left: 0;
    }

    .file-manager-table {
        overflow: auto;
    }

    .d-none {
        display: none;
    }

    .custom-modal-header {
        background: #4aceff;
        color: #fff;
        padding: 15px 25px 15px 25px !important;
    }
    .input-width{
        width:70%
    }

    

    @media(max-width: 767px) {
        .thumb-pic i {
            font-size: 15vw;
        }

        .file-manager-wrapper .row::before {
            display: none;
        }
    }
</style>
@php($roleListforPermission = \App\Helpers\Helper::roleListFetch(['file_acces_from_file_management'=>1]))
@php($roleListforReadOption = \App\Helpers\Helper::roleListFetch(['read_option_for_file_management'=>1]))
<div class="body" id="folder-structure">
    <div class="file-manager-wrapper">
        <div class="file-manager-wrapper-inner">
            <div class="row">
                <div class="col-sm-3">
                    <div class="file-manager-left-panel">
                        <h6>{{$tour_details->file_name}}</h6>
                        @php($allFolder = \App\Helpers\Helper::AllFolderList($tour_details->id,0,false))
                        <ul class="file-manager-list">
                            @foreach($allFolder as $fkey=>$fval)
                                @if($fval['file_type']=="1")
                                    @php($folder_open_close_class = (!empty($srch_params['parent_id']) && ((isset($fval['child_ids'])) && ((in_array($srch_params['parent_id'],$fval['child_ids'])) || ($fval['id']==$srch_params['parent_id']))) || (is_array($pids) && in_array($fval['id'],$pids))) ? 'fa fa-folder-open' : 'fa fa-folder')
                                    @php($folder_plus_minus_class = (!empty($srch_params['parent_id']) && ((isset($fval['child_ids'])) && ((in_array($srch_params['parent_id'],$fval['child_ids'])) || ($fval['id']==$srch_params['parent_id']))) || (is_array($pids) && in_array($fval['id'],$pids))) ? 'fa fa-minus' : 'fa fa-plus')
                                    @php($folder_arial_expand = (!empty($srch_params['parent_id']) && ((isset($fval['child_ids'])) && ((in_array($srch_params['parent_id'],$fval['child_ids'])) || ($fval['id']==$srch_params['parent_id']))) || (is_array($pids) && in_array($fval['id'],$pids))) ? true:false)
                                    <li><a class="folder-open-close collapse-folder-file" data-file_type="{{ $fval['file_type'] }}" data-id="{{$fval['id']}}" id="file_folder_collapse_{{$fval['id']}}" data-tour_id="{{ $tour_details->id }}" role="button" data-toggle="collapse" href="#collapseExample{{$fval['id']}}" aria-expanded="{{$folder_arial_expand}}" aria-controls="collapseExample{{$fval['id']}}"><i class="{{$folder_plus_minus_class}}" id="plus_minus_{{$fval['id']}}" aria-hidden="true"></i> <i class="{{$folder_open_close_class}}" id="open_close_{{$fval['id']}}" aria-hidden="true"></i> <a href="{{ ($fval['file_type']==1)?route($routePrefix . '.index',['unique_id'=>$tour_details->unique_id,'pid'=>$fval['id']]):$fval['link'] }}">{{$fval['name']}}</a></a>
                                        <ul class="collapse {{($folder_arial_expand)?'in':''}}" id="collapseExample{{$fval['id']}}">
                                            
                                            @if(isset($fval['child_nodes']) && count($fval['child_nodes']))
                                                @include('admin.manage-menu.child_collapse_folder',['data' => $fval['child_nodes'],'permission'=>$permission,'routePrefix'=>$routePrefix,'srch_params'=>$srch_params,'tour_details'=>$tour_details, 'pids' => $pids])
                                            @elseif(is_array($pids) && count($pids) && in_array($fval['id'], $pids))
                                                @php($new_data = \App\Helpers\Helper::AllFolderList($tour_details->id,$fval['id'],false))
                                                @include('admin.manage-menu.child_collapse_folder',['data' => $new_data,'permission'=>$permission,'routePrefix'=>$routePrefix,'srch_params'=>$srch_params,'tour_details'=>$tour_details, 'pids' => $pids])
                                            @endif
                                        </ul>
                                    </li>
                                @else
                                    <li><a href="{{($fval['file_type']=='2')?((!empty($fval['media_size_info_url']))?$fval['media_size_info_url']:'javascript:;'):$fval['link']}}" target="{{(!empty($fval['media_size_info_url']) || !empty($fval['link']))?'_blank':''}}"><img src="{{$fval['media_size_icon_url']}}" height="20px">{{$fval['name']}}</a></li>
                                @endif
                            @endforeach
                        </ul>
                    </div>
                </div>
                @php($t1 = (isset($_COOKIE['autism-viewtype']) && $_COOKIE['autism-viewtype'] == 'l')?'block':'none')
                @php($t2 = ((isset($_COOKIE['autism-viewtype']) && $_COOKIE['autism-viewtype'] == 'g') || (!isset($_COOKIE['autism-viewtype'])))?'block':'none')

                <div class="col-sm-9">
                    <div class="file-manager-right-panel">
                        <div class="well custom-well">
                            @include('admin.layouts.file_breadcrumb')
                        </div>
                        <div class="well custom-well">
                            <a href="{{ route($routePrefix . '.index',['unique_id'=>$tour_details->unique_id,'pid'=>$srch_params['pid']]) }}" class="back-btn"><i class="fa fa-chevron-left" aria-hidden="true"></i> Back</a>
                            
                            <div class="file-manager-buttons">
                                <input type="hidden" name="paren_id" id="parent_id" value="{{$srch_params['parent_id']}}">
                                <input type="hidden" name="tour_id" id="tour_id" value="{{$tour_details->id}}">
                                @if($file_pid == 0)
                                <span id="grid-select-all">
                                    <input type="checkbox" class="all-check1" style="position: initial; opacity: 1;" name="files-all-check1" id="all-files-chk1" data-class="all-files-chk1">
                                    <span>Select All</span>
                                </span>
                                @endif
                                @if($permission['create'])
                                <a href="javascript:;" class="create-folder"><i class="fa fa-folder-o" aria-hidden="true"></i> Create Folder</a>
                                <a href="javascript:;" class="upload-file"><i class="fa fa-upload" aria-hidden="true"></i> Upload</a>
                                @endif
                                <a href="javascript:;" id="gridicon"><i class="fa fa-th-large" aria-hidden="true"></i> Thumbnails</a>
                                <a href="javascript:;" id="lsticon"><i class="fa fa-list" aria-hidden="true"></i> List</a>
                                <div class="dropdown ">
                                    <a class="dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                        Sort
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenu1">
                                        <li><a href="{{ route($routePrefix . '.index',['unique_id'=>$tour_details->unique_id,'pid'=>$srch_params['pid'],'sort_by'=>1]) }}"><i class="fa fa-sort-alpha-asc" aria-hidden="true"></i> Sort by name</a></li>
                                        <li><a href="{{ route($routePrefix . '.index',['unique_id'=>$tour_details->unique_id,'pid'=>$srch_params['pid'],'sort_by'=>2]) }}"><i class="fa fa-sort-alpha-desc" aria-hidden="true"></i> Sort by name</a></li>
                                        <li><a href="{{ route($routePrefix . '.index',['unique_id'=>$tour_details->unique_id,'pid'=>$srch_params['pid'],'sort_by'=>3]) }}"><i class="fa fa-sort-numeric-asc" aria-hidden="true"></i> Sort by date</a></li>
                                        <li><a href="{{ route($routePrefix . '.index',['unique_id'=>$tour_details->unique_id,'pid'=>$srch_params['pid'],'sort_by'=>4]) }}"><i class="fa fa-sort-numeric-desc" aria-hidden="true"></i> Sort by date</a></li>
                                    </ul>
                                </div>
                                @if($file_pid == 0)
                                <button class="btn btn-info admin-only-action" data-class="all-files-chk" style="padding-left: 0px;
                                margin-left: 6px;"><a href="javascript:;" class="admin-only" style="color: white; font-weight: 600;">Admin Only</a></button>
                                @endif
                            </div>
                        </div>
                        <div class="file-manager-table" id="listview" style="display: {{$t1}}">
                            <div class="table-responsive">
                                <table class="table table-centered table-nowrap mb-0">
                                    <thead>
                                        <tr>
                                            @if($file_pid == 0)
                                            <th>
                                                <input type="checkbox" class="all-check" style="position: initial; opacity: 1;" name="files-all-check" id="all-files-chk" data-class="all-files-chk">
                                            </th>
                                            @endif
                                            <th>Item</th>
                                            <th>Size</th>
                                            <th>File Name</th>
                                            <th>Modified</th>
                                            <th>Order By</th>
                                            @if($file_pid == 0)
                                                <th>Admin Only</th>
                                            @endif
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($data as $key=>$val)
                                        <tr>
                                            @if($file_pid == 0)
                                            <td>
                                                <input type="checkbox" name="file_ids[]" class="all-files-chk" style="position: initial; opacity: 1;" value="{{$val->id}}">
                                            </td>
                                            @endif
                                            <td><a href="{{ ($val->file_type==1)?route($routePrefix . '.index',['unique_id'=>$tour_details->unique_id,'pid'=>$val->id]):((!empty($val->media_size_info_url))?$val->media_size_info_url:'javascript:;') }}" target="{{ ($val->file_type==1)?'':((!empty($val->media_size_info_url))?'_blank':'')}}"><img src="{{$val->media_size_icon_url}}" height="20px"> <strong class="list-file-name-wrap">{{$val->name}}</strong></a></td>
                                            <td>{{($val->file_type=="2")?$val->size_as_kb.' kb':''}}</td>
                                            {{--<td>{{($val->file_type=="1")?'Folder':(($val->file_type=="2")?$val->mime_type:'Web Link')}}</td>--}}
                                            <td style="word-wrap: break-word;min-width: 160px;max-width: 160px;">{{$val->original_file_name}}</td>
                                            <td>{{\App\Helpers\Helper::dateTimeConvert($val->updated_at)}}</td>
                                            <td><input type="number" name="order_by[{{$val->id}}]" class="change_orderby input-width" data-id="{{$val->id}}" value="{{$val->order_by}}" size="4" min="0"></td>
                                            @php($adminOnlyChkd = \App\Helpers\Helper::getFilePermissionAdminOnlyStatus($val->id))
                                            @if($file_pid == 0)
                                            <td>
                                                <div class="switch">
                                                    <label><input type="checkbox" id="switch_{{$val->id}}" data-id="{{$val->id}}" class="change_gl_permission" {{$adminOnlyChkd}} ><span class="lever"></span></label>
                                                </div>
                                            </td>
                                            @endif
                                            <td>
                                                @if($permission['edit'])
                                                <a href="javascript:;" data-id="{{$val->id}}" class="edit-file-folder"><i class="fa fa-pencil" aria-hidden="true"></i></a>
                                                @endif
                                                @if($permission['destroy'])
                                                <a class="btn-delete" data-toggle="tooltip" title="" data-confirm="Are You Sure?|This action can not be undone. Also all child nodes will be deleted. Do you want to continue?" data-confirm-yes="event.preventDefault();
                                                    document.getElementById('delete-formT-{{$val->id}}').submit();" data-original-title="Delete"><i class="fa fa-trash" aria-hidden="true"></i></a>
                                                {!! Form::open([
                                                'method' => 'DELETE',
                                                'route' => [
                                                $routePrefix . '.destroy',
                                                $val->id
                                                ],
                                                'style'=>'display:inline',
                                                'id' => 'delete-formT-' . $val->id
                                                ]) !!}
                                                {!! Form::close() !!}
                                                @endif
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="row" id="gridview" style="display: {{$t2}}">
                            @foreach($data as $key=>$val)
                            <div class="col-sm-3">
                                <div class="thumb-block">
                                    <div class="thumb-pic">
                                        <a href="{{ ($val->file_type==1)?route($routePrefix . '.index',['unique_id'=>$tour_details->unique_id,'pid'=>$val->id]):((!empty($val->media_size_info_url))?$val->media_size_info_url:'javascript:;') }}" target="{{ ($val->file_type==1)?'':((!empty($val->media_size_info_url))?'_blank':'')}}"><img src="{{$val->media_size_icon_url}}" height="20px"></a>
                                        @if($file_pid == 0)
                                        <input type="checkbox" name="file_ids1[]" class="all-files-chk1" style="position: initial; opacity: 1;" value="{{$val->id}}">
                                        @endif
                                    </div>
                                    
                                    <h4>{{$val->name}}</h4>
                                    <div class="thumb-block-action">
                                        @if($permission['edit'])
                                        <a href="javascript:;" data-id="{{$val->id}}" class="edit-file-folder"><i class="fa fa-pencil" aria-hidden="true"></i></a>
                                        @endif
                                        @if($permission['destroy'])
                                        <a class="btn-delete" data-toggle="tooltip" title="" data-confirm="Are You Sure?|This action can not be undone. Also all child nodes will be deleted. Do you want to continue?" data-confirm-yes="event.preventDefault();
                                            document.getElementById('delete-form-{{$val->id}}').submit();" data-original-title="Delete"><i class="fa fa-trash" aria-hidden="true"></i></a>
                                        {!! Form::open([
                                        'method' => 'DELETE',
                                        'route' => [
                                        $routePrefix . '.destroy',
                                        $val->id
                                        ],
                                        'style'=>'display:inline',
                                        'id' => 'delete-form-' . $val->id
                                        ]) !!}
                                        {!! Form::close() !!}
                                        @endif
                                    </div>
                                    @php($adminOnlyChkd1 = \App\Helpers\Helper::getFilePermissionAdminOnlyStatus($val->id))
                                    @if($file_pid == 0)
                                    <div class="switch">
                                        <label><input type="checkbox" id="switch_1_{{$val->id}}" data-id="{{$val->id}}" class="change_gl_permission" {{$adminOnlyChkd1}} ><span class="lever"></span></label>
                                    </div>
                                    @endif
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="addEditdModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header custom-modal-header">
                <button type="button" class="close modal-close" data-dismiss="modal" aria-label="Close"><span aia-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Folder</h4>
            </div>
            {!! Form::open(array('route' => 'manage-menu.folder-submit','method'=>'POST', 'enctype'=>'multipart/form-data','id'=>'folderForm')) !!}
            <div class="modal-body">
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" id="row-file_type">
                    <div class="form-group form-other">
                        <div class="">
                            <div class="clearfix"></div>
                            <div class="row">
                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <input name="file_type" type="radio" class="file_type_radio" value="1" id="is_file_type-1" checked>
                                    <label for="is_file_type-1">FOLDER</label>
                                </div>
                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <input name="file_type" type="radio" class="file_type_radio" value="3" id="is_file_type-3">
                                    <label for="is_file_type-3">Site Link</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @if(count($roleListforPermission))
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
                    <p><strong>File Permission:</strong</p>
                    <div class="form-group">
                        
                        <div class="form-check">
                            <div class="row">
                                @foreach($roleListforPermission as $rkey=>$rval)
                                    <div class="col-sm-6">
                                        <input type="checkbox" class="form-check-input permission-checkobx" data-type="file_permission" data-value="{{$rval->id}}" id="file_permission_{{$rval->id}}" name="file_permissions[{{$rval->id}}]" value="{{$rval->id}}">
                                        {!! Form::label('file_permission_'.$rval->id, $rval->title.' Only',array('class'=>'form-label'),false) !!}
                                    </div>  
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
                @endif
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" >                    
                    <div class="form-group">                        
                        <div class="form-check">
                            <div class="row">   
                                <div class="col-sm-6 d-none" id="row-change_review">
                                    <input type="checkbox" class="form-check-input" data-value="1" id="change_review" name="change_review" value="1">
                                    {!! Form::label('change_review', 'Change Reviewer' ,array('class'=>'form-label font-bold'),false) !!}
                                </div>  
                                <div class="col-sm-6" id="row-gl_change_review">
                                    <input type="checkbox" class="form-check-input gl-change-review" data-value="1" data-type="folder" id="gl_change_review" name="gl_change_review" value="1">
                                    {!! Form::label('gl_change_review', 'Group Leader Change' ,array('class'=>'form-label font-bold'),false) !!}
                                </div> 
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12 d-none" id="row-folder-short-text">
                    <div class="form-group form-float">
                        <div class="form-line focused">
                            {!! Form::label('folder_review_short_text', 'Change Description <span class="span-req">*</span>:',array('class'=>'form-label','for'=>'review_short_text'),false) !!}
                            {!! Form::text('review_short_text', null, ['class' => 'form-control','id'=>'folder_review_short_text']) !!}
                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12 d-none" id="row-folder-short-text_change_date">
                    <div class="form-group form-float">
                        <div class=" focused">
                            {!! Form::label('folder-short-text_change_date', 'Change Date :',array('class'=>'form-label','for'=>'folder-short-text_change_date'),false) !!}
                            <label id="folder-short-text_change_date"></label>
                            <span class="help-block">NOTE: Changes will automatically be deleted after 1 year from “Change Date”.</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12 d-none" id="row-read_enable">
                    @if(count($roleListforReadOption))
                    <p><strong>Tickbox:</strong</p>
                    <div class="form-group">
                        
                        <div class="form-check">
                            <div class="row">
                                @foreach($roleListforReadOption as $rkey=>$rval)
                                    <div class="col-sm-6">
                                        <input type="checkbox" class="form-check-input read-enable-checkbox" data-type="read_enable" data-value="{{$rval->id}}" id="read_enable_{{$rval->id}}" name="read_enables[{{$rval->id}}]" value="{{$rval->id}}">
                                        {!! Form::label('read_enable_'.$rval->id, $rval->title.' Only',array('class'=>'form-label'),false) !!}
                                    </div>  
                                @endforeach
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
                {{--<div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
                    <div class="form-group form-check">
                        <div class="row">
                            <div class="col-sm-6" id="row-daily_folder">
                                <input type="checkbox" class="form-check-input" id="daily_folder" name="daily_folder" value="1">
                                {!! Form::label('daily_folder', 'Schedule Folder',array('class'=>'form-label','for'=>'daily_folder'),false) !!}
                            </div>
                        </div>
                    </div>
                </div>--}}
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" id="row-daily_folder">
                    <div class="form-group form-other">
                        <div class="">
                            <div class="clearfix"></div>
                            <div class="row">
                                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                    <input name="daily_folder" type="radio" class="daily-folder" value="0" id="is_daily_folder-0" checked>
                                    <label for="is_daily_folder-0">Default</label>
                                </div>
                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <input name="daily_folder" type="radio" class="daily-folder" value="3" id="is_daily_folder-3">
                                    <label for="is_daily_folder-3">Staff Schedule Folder</label>
                                </div>
                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <input name="daily_folder" type="radio" class="daily-folder" value="1" id="is_daily_folder-1">
                                    <label for="is_daily_folder-1">Schedule Folder</label>
                                </div>
                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <input name="daily_folder" type="radio" class="daily-folder" value="2" id="is_daily_folder-2">
                                    <label for="is_daily_folder-2">Signup Folder</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12"> -->
                    <div class="col-lg-9 col-md-9col-xs-12 col-sm-12" id="row-name">
                        <div class="form-group form-float">
                            <div class="form-line focused">
                                {!! Form::label('name', 'Name <span class="span-req">*</span>:',array('class'=>'form-label','for'=>'name'),false) !!}
                                {!! Form::text('name', null, ['class' => 'form-control','id'=>'name']) !!}
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-xs-12 col-sm-12">
                        <div class="form-group form-float">
                            <div class="form-line focused">
                                {!! Form::label('order_by', 'Order By:',array('class'=>'form-label','for'=>'order_by'),false) !!}
                                {!! Form::number('order_by', null, ['class' => 'form-control','id'=>'order_by']) !!}
                            </div>
                        </div>
                    </div>
                <!-- </div> -->
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12 d-none" id="row-link">
                    <div class="form-group form-float">
                        <div class="form-line focused">
                            {!! Form::label('link', 'Link :',array('class'=>'form-label','for'=>'link'),false) !!}
                            {!! Form::text('link', null, ['class' => 'form-control','id'=>'link']) !!}
                        </div>
                        @if ($errors->has('link'))
                        <span class="help-block">{{ $errors->first('link') }}</span>
                        @endif
                        <!-- <span class="help-info">Maximum 100 characters</span> -->
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" id="row-note">
                    <div class="form-group form-float">
                        <div class="form-line focused">
                            {!! Form::label('note', 'Pop-Up Note:',array('class'=>'form-label','for'=>'note'),false) !!}
                            {!! Form::textarea('note', null, ['class' => 'form-control','id'=>'note']) !!}
                        </div>
                        @if ($errors->has('note'))
                        <span class="help-block">{{ $errors->first('note') }}</span>
                        @endif
                        <!-- <span class="help-info">Maximum 100 characters</span> -->
                    </div>
                </div>
                <div class="row form-group" id="folder_icon_upload_div">
                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        {!! Form::label('file', 'Folder Icon:',array('class'=>'form-label','for'=>'folder_icon_upload'),false) !!}
                        <div class="controls">
                            <div class="input-group" style="width: 100%">
                                <input type="file" id="folder_icon_upload" name="folder_icon">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 d-none" id="icon_uploaded_div">
                        <label>Uploaded file</label>
                        <div class="controls folder-icon-link" id="folder_icon_link">
                        </div>
                    </div>
                </div>

                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" id="row-file_icon">
                    <div class="form-group form-other">
                        <div class="">
                            <div class="clearfix"></div>
                            <div class="row">
                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                    <input name="icon_link" type="radio" value="folder.png" id="is_icon_link-1" checked>
                                    <label for="is_icon_link-1"><img src="{{asset('fornt_icon/folder.png')}}" class="icon-img" height="20px;"></label>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                    <input name="icon_link" type="radio" value="web.png" id="is_icon_link-7">
                                    <label for="is_icon_link-7"><img src="{{asset('fornt_icon/web.png')}}" class="icon-img" height="20px;"></label>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                    <input name="icon_link" type="radio" value="others.png" id="is_icon_link-8">
                                    <label for="is_icon_link-8"><img src="{{asset('fornt_icon/others.png')}}" class="icon-img" height="20px;"></label>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                    <input name="icon_link" type="radio" value="info.png" id="is_icon_link-9">
                                    <label for="is_icon_link-9"><img src="{{asset('fornt_icon/info.png')}}" class="icon-img" height="20px;"></label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <input type='hidden' name='parent_id' id='folder_form_parent_id' value=''>
                <input type='hidden' name='tour_id' id='folder_form_tour_id' value=''>
                <input type="hidden" id="folder_form_id" value="0" name="id">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default modal-close" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary" id="upload-btn">Save</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>
<div class="modal fade" id="uploadModal" tabindex="-1" role="dialog" aria-labelledby="fileModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header custom-modal-header">
                <button type="button" class="close modal-close" data-dismiss="modal" aria-label="Close"><span aia-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="fileModalLabel">File</h4>
            </div>
            {!! Form::open(array('route' => 'manage-menu.folder-submit','method'=>'POST', 'enctype'=>'multipart/form-data','id'=>'fileForm')) !!}
            <div class="modal-body">
                <input name="file_type" type="hidden" class="" value="2" id="is_file_type-2">
               
                @if(count($roleListforPermission))
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
                    <p><strong>File Permission:</strong</p>
                    <div class="form-group">                        
                        <div class="form-check">
                            <div class="row">
                                @foreach($roleListforPermission as $rkey=>$rval)
                                    <div class="col-sm-6">
                                        <input type="checkbox" class="form-check-input permission-checkobx" data-type="file_file_permission" data-value="{{$rval->id}}" id="file_file_permission_{{$rval->id}}" name="file_permissions[{{$rval->id}}]" value="{{$rval->id}}">
                                        {!! Form::label('file_file_permission_'.$rval->id, $rval->title.' Only',array('class'=>'form-label'),false) !!}
                                    </div>  
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
                @endif
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">                    
                    <div class="form-group">                        
                        <div class="form-check">
                            <div class="row">   
                                <div class="col-sm-6 d-none">
                                    <input type="checkbox" class="form-check-input" data-value="1" id="file_change_review" name="change_review" value="1">
                                    {!! Form::label('file_change_review', 'Change Review' ,array('class'=>'form-label font-bold'),false) !!}
                                </div> 
                                <div class="col-sm-6" id="row-file_gl_change_review">
                                    <input type="checkbox" class="form-check-input gl-change-review" data-value="1" id="file_gl_change_review" data-type="file" name="gl_change_review" value="1">
                                    {!! Form::label('file_gl_change_review', 'Group Leader Change' ,array('class'=>'form-label font-bold'),false) !!}
                                </div>  
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12 d-none" id="row-file-short-text">
                    <div class="form-group form-float">
                        <div class="form-line focused">
                            {!! Form::label('file_review_short_text', 'Change Description <span class="span-req">*</span>:',array('class'=>'form-label','for'=>'file_review_short_text'),false) !!}
                            {!! Form::text('review_short_text', null, ['class' => 'form-control','id'=>'file_review_short_text']) !!}
                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12 d-none" id="row-file-short-text_change_date">
                    <div class="form-group form-float">
                        <div class=" focused">
                            {!! Form::label('file-short-text_change_date', 'Change Date :',array('class'=>'form-label','for'=>'file-short-text_change_date'),false) !!}
                            <label id="file-short-text_change_date"></label>
                            <span class="help-block">NOTE: Changes will automatically be deleted after 1 year from “Change Date”.</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" id="">
                    @if(count($roleListforReadOption))
                    <p><strong>Tickbox:</strong</p>
                    <div class="form-group">                        
                        <div class="form-check">
                            <div class="row">
                                @foreach($roleListforReadOption as $rkey=>$rval)
                                    <div class="col-sm-6">
                                        <input type="checkbox" class="form-check-input read-enable-checkbox" data-type="file_read_enable" data-value="{{$rval->id}}" id="file_read_enable_{{$rval->id}}" name="read_enables[{{$rval->id}}]" value="{{$rval->id}}">
                                        {!! Form::label('file_read_enable_'.$rval->id, $rval->title.' Only',array('class'=>'form-label'),false) !!}
                                    </div>  
                                @endforeach
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
                <!-- <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12"> -->
                    <div class="col-lg-9 col-md-9 col-xs-12 col-sm-12"  id="row-file_name">
                        <div class="form-group form-float">
                            <div class="form-line focused">
                                {!! Form::label('name', 'Name:',array('class'=>'form-label','for'=>'name'),false) !!}
                                {!! Form::text('name', null, ['class' => 'form-control','id'=>'file_name']) !!}
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-xs-12 col-sm-12">
                        <div class="form-group form-float">
                            <div class="form-line focused">
                                {!! Form::label('order_by', 'Order By:',array('class'=>'form-label','for'=>'order_by'),false) !!}
                                {!! Form::number('order_by', null, ['class' => 'form-control','id'=>'file_order_by']) !!}
                            </div>
                        </div>
                    </div>
                    
                <!-- </div> -->
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" id="row-file">
                	<div class="row" style="margin-left: -19px;">
	                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
	                        <input name="choose_type" type="radio" class="choose_type" value="1" id="choose_type_upload" checked>
	                        <label for="choose_type_upload">Upload</label>
	                    </div>
	                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
	                        <input name="choose_type" type="radio" class="choose_type" value="2" id="choose_type_common" tour-id="{{ $tour_details->id }}">
	                        <label for="choose_type_common">Common Files</label>
	                    </div>
	                </div>
	                <br>
                    <div class="row form-group" id="choose_type_upload_div">
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            {!! Form::label('file', 'Choose File:',array('class'=>'form-label','for'=>'file'),false) !!}
                            <div class="controls">
                                <div class="input-group" style="width: 100%">
                                    <input type="file" id="upload" name="upload">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-xs-12 col-sm-12 error-msg d-none" id="row-error_msg">
                            <label id="row-error_msg_label"></label>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 d-none" id="pdf_convert">
                            <div class="form-group">                        
                                <div class="form-check">
                                    <div class="row">                                        
                                        <div class="col-sm-12">
                                            <input type="checkbox" class="form-check-input" id="to_pdf_convert" name="to_pdf_convert" value="1">
                                            {!! Form::label('to_pdf_convert','Convert To PDF',array('class'=>'form-label'),false) !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 d-none" id="uploaded_div">
                            <label>Uploaded file</label>
                            <div class="controls" id="uploaded_link">
                            </div>
                        </div>
                    </div>
                    <div class="form-group d-none"  id="choose_type_common_div">
                        <label for="choose_common">Choose From Common Files</label>
                        <div class="controls">
                            <div class="input-group" style="width: 100%">
                                @php($common_files = \App\Helpers\Helper::getAllCommonFile())
                                {!! Form::select('choose_common', $common_files, null, ['class' => 'form-control select2','id'=>'choose_common','placeholder'=>'select']) !!}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" id="row-file_note">
                    <div class="form-group form-float">
                        <div class="form-line focused">
                            {!! Form::label('note', 'Pop-Up Note:',array('class'=>'form-label','for'=>'note'),false) !!}
                            {!! Form::textarea('note', null, ['class' => 'form-control','id'=>'file_note']) !!}
                        </div>
                        @if ($errors->has('note'))
                        <span class="help-block">{{ $errors->first('note') }}</span>
                        @endif
                        <!-- <span class="help-info">Maximum 100 characters</span> -->
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" id="row-icon">
                    <div class="form-group form-other">
                        <div class="">
                            <div class="clearfix"></div>
                            <div class="row">
                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                    <input name="icon_link" type="radio" value="cruising-info-icon.png" id="is_icon_link-2">
                                    <label for="is_icon_link-2"><img src="{{asset('fornt_icon/cruising-info-icon.png')}}" class="icon-img" height="20px;"></label>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                    <input name="icon_link" type="radio" value="anchor.png" id="is_icon_link-3">
                                    <label for="is_icon_link-3"><img src="{{asset('fornt_icon/anchor.png')}}" class="icon-img" height="20px;"></label>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                    <input name="icon_link" type="radio" value="pdf.png" id="is_icon_link-4">
                                    <label for="is_icon_link-4"><img src="{{asset('fornt_icon/pdf.png')}}" class="icon-img" height="20px;"></label>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                    <input name="icon_link" type="radio" value="post-cruise-icon.png" id="is_icon_link-5">
                                    <label for="is_icon_link-5"><img src="{{asset('fornt_icon/post-cruise-icon.png')}}" class="icon-img" height="20px;"></label>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                    <input name="icon_link" type="radio" value="schedule-info-icon.png" id="is_icon_link-6">
                                    <label for="is_icon_link-6"><img src="{{asset('fornt_icon/schedule-info-icon.png')}}" class="icon-img" height="20px;"></label>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                    <input name="icon_link" type="radio" value="others.png" id="is_icon_link-8_file">
                                    <label for="is_icon_link-8_file"><img src="{{asset('fornt_icon/others.png')}}" class="icon-img" height="20px;"></label>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                    <input name="icon_link" type="radio" value="info.png" id="is_icon_link-9_file">
                                    <label for="is_icon_link-9_file"><img src="{{asset('fornt_icon/info.png')}}" class="icon-img" height="20px;"></label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <input type='hidden' name='parent_id' id='file_form_parent_id' value=''>
                <input type='hidden' name='tour_id' id='file_form_tour_id' value=''>
                <input type="hidden" id="file_form_id" value="0" name="id">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default modal-close" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary" id="fileupload-btn">Save</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>
<div class="modal fade" id="includeModal" tabindex="-1" role="dialog" aria-labelledby="includeModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header custom-modal-header">
                <button type="button" class="close modal-close" data-dismiss="modal" aria-label="Close"><span aia-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="includeModalLabel">Common Folder & Files</h4>
            </div>
            {!! Form::open(array('route' => 'manage-menu.folder-include','method'=>'POST', 'enctype'=>'multipart/form-data','id'=>'includeForm')) !!}
            <div class="modal-body">
                
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" id="inc-check_type">
                    <div class="form-group form-check">
                        <div class="row">
                            @foreach($commonFoldeFiles as $ckey=>$cval)
                                <div class="col-sm-6">
                                    <input type="checkbox" class="form-check-input" id="file_ids[{{$ckey}}]"  name="file_ids[{{$ckey}}]" value="{{$ckey}}">
                                    {!! Form::label('file_ids['.$ckey.']', $cval,array('class'=>'form-label'),false) !!}
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
                <input type='hidden' name='tour_id' id='include_form_tour_id' value=''>
                <input type='hidden' name='parent_id' id='include_form_parent_id' value=''>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default modal-close" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary" id="includeFile-btn">Save</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>

@endsection
@section('scripts')
<script src="{{ asset('/administrator/')}}/js/jquery.validate.min.js"></script>
<script src="{{ asset('/administrator/')}}/js/additional-methods.min.js"></script>
<script>
    $(document).ready(function() {
        if($('#listview').css('display') == 'none') {
            $('.admin-only-action').attr('data-class', 'all-files-chk1')
            $('#grid-select-all').css('display', 'block')
        } else if($('#gridview').css('display') == 'none') {
            $('.admin-only-action').attr('data-class', 'all-files-chk')
            $('#grid-select-all').css('display', 'none')
        }
        $('.change_gl_permission').click(function() {
            console.log($(this).attr('data-id'));
            var status = 0;
            var id = $(this).attr('data-id');
            if($(this).prop("checked") == true){
                var status = 1;
            }
            bootbox.confirm({
            message: "Are You Sure? Do you want to continue this action?",
                buttons: {
                    confirm: {
                        label: 'Yes',
                        className: 'btn-success'
                    },
                    cancel: {
                        label: 'No',
                        className: 'btn-danger'
                    }
                },
                callback: function (result) {
                    if(result){
                        updateAdminOnly(id, status);
                    }
                }
            });
        });
        $('body').on('click','.all-check',function(){
            // $('#multiple-btw-actions').val('');
            // $('#multiple-class-actions').val("");
            var cls_tp = $(this).attr('data-class');
            console.log(cls_tp);
            if($(this).prop("checked") == true){
                $('.'+cls_tp).each(function () {
                    $(this).prop("checked",true);
                });
            }
            else{
                $('.'+cls_tp).each(function () {
                    $(this).prop("checked",false);
                });
            }
        });
        $('body').on('click','.all-files-chk',function(){
            $('#multiple-class-actions').val("");
            var all_chk = true;
            $('.all-files-chk').each(function () {
                if($(this).prop("checked") == false){
                    all_chk = false;
                    return false;
                }
            });
            
            if(all_chk){
                $('#all-files-chk').prop("checked",true);
            }
            else{
                $('#all-files-chk').prop("checked",false);
            }
        });
        $('body').on('click','.admin-only-action',function(){
            var class_type = $(this).attr('data-class');
            var ids = [];
            $('.'+class_type).each(function () {
                if($(this).prop("checked") == true){
                    ids.push($(this).val());
                }
            });
            var all_ids = ids.toString();
            if(all_ids != '' && all_ids != null && all_ids != undefined){
                bootbox.confirm({
                message: "Are You Sure? Do you want to continue this action?",
                    buttons: {
                        confirm: {
                            label: 'Yes',
                            className: 'btn-success'
                        },
                        cancel: {
                            label: 'No',
                            className: 'btn-danger'
                        }
                    },
                    callback: function (result) {
                        if(result){
                            updateAdminOnly(all_ids, 1);
                        }
                    }
                });
            }
            else{
                bootbox.alert({
                    title:"Mutiple File Permissions",
                    message: "please check input before submit" ,
                    type:"error"                   
                });
            }
        });
        $('body').on('click','.all-check1',function(){
            // $('#multiple-btw-actions').val('');
            // $('#multiple-class-actions').val("");
            var cls_tp = $(this).attr('data-class');
            console.log(cls_tp);
            if($(this).prop("checked") == true){
                $('.'+cls_tp).each(function () {
                    $(this).prop("checked",true);
                });
            }
            else{
                $('.'+cls_tp).each(function () {
                    $(this).prop("checked",false);
                });
            }
        });
        $('body').on('click','.all-files-chk1',function(){
            $('#multiple-class-actions').val("");
            var all_chk = true;
            $('.all-files-chk1').each(function () {
                if($(this).prop("checked") == false){
                    all_chk = false;
                    return false;
                }
            });
            
            if(all_chk){
                $('#all-files-chk1').prop("checked",true);
            }
            else{
                $('#all-files-chk1').prop("checked",false);
            }
        });
        $('body').on('click','.modal-close',function(){
            window.location.reload();
        });
        $('body').on('click','.collapse-folder-file',function(){
            var tour_id = $(this).attr('data-tour_id');
            var id = $(this).attr('data-id');
            $.ajax({
                url: "{{url('admin/get-tour-collapse-info-details')}}",
                data: {
                    id: id,tour_id:tour_id
                },
                type: 'GET',
                beforeSend: function() {
                    $('.loader').show();
                },
                success: function(data) {
                    $('.loader').hide();
                    if (data.success) {
                        $('#collapseExample'+id).html(data.html);
                        $('#file_folder_collapse_'+id).removeClass('collapse-folder-file');
                    }
                },
                error: function() {
                    bootbox.alert("Internal server error");
                }
            });
        });
    	$('body').on('change', '.choose_type', function() {
    		var val = $(this).val();
    		if(val == 1) {
    			$('#choose_type_common_div').addClass('d-none');
    			$('#choose_type_upload_div').removeClass('d-none');
    		}
    		else {
    			var tour_id = $(this).attr('tour-id'); 
				$('#choose_type_upload_div').addClass('d-none');
				$('#choose_type_common_div').removeClass('d-none');
    		} 
    	});
        $('body').on('click', '.edit-file-folder', function() {
            var id = $(this).attr('data-id');
            $.ajax({
                url: "{{url('admin/get-tour-info-details')}}",
                data: {
                    id: id
                },
                type: 'GET',
                beforeSend: function() {
                    $('.loader').show();
                },
                success: function(data) {
                
                    $('.loader').hide();
                    if (data.success) {
                         
                        if(data.data.setting_details){
                            let permissionIdName = (data.data.file_type != "2")?'file_permission_':'file_file_permission_';
                            let readIdName = (data.data.file_type != "2")?'read_enable_':'file_read_enable_';
                            let reviewName = (data.data.file_type != "2")?'change_review':'file_change_review';
                            let glReviewName = (data.data.file_type != "2")?'gl_change_review':'file_gl_change_review';
                            let review_short_text = (data.data.file_type != "2")?'folder_review_short_text':'file_review_short_text';
                            let short_text_div = (data.data.file_type != "2") ? 'row-folder-short-text' : 'row-file-short-text';
                            let short_text_change_date_div = (data.data.file_type != "2") ? 'row-folder-short-text_change_date' : 'row-file-short-text_change_date';
                            let file_folder_type = (data.data.file_type != "2") ? 'folder' : 'file';
                            let change_review = 0;
                            let gl_change_review = 0;
                            $.each(data.data.setting_details,function(index,value){
                                //For Permission
                                if(value.permission == 1){
                                    $('#'+permissionIdName+value.role_id).prop("checked", true);
                                }
                                else{
                                    $('#'+permissionIdName+value.role_id).prop("checked", false);
                                }
                                // For Tickbox
                                if(value.read_enable == 1){
                                    $('#'+readIdName+value.role_id).prop("checked", true);
                                    
                                }
                                else{
                                    $('#'+readIdName+value.role_id).prop("checked", false);
                                    
                                }

                                if (value.role_id == 13){
                                    change_review = value.review;
                                }
                                // if (value.role_id == 6){
                                //     gl_change_review = value.review;
                                // }
                            });

                            if(change_review) {
                                $('#'+reviewName).prop("checked", true);
                            }
                            else{
                                $('#'+reviewName).prop("checked", false);
                            }

                            if (data.data.review){
                                gl_change_review = data.data.review;
                            }

                            if(gl_change_review) {
                                $('#'+glReviewName).prop("checked", true);
                                $('#' + review_short_text).val(data.data.review_short_text);
                                $('#' + review_short_text).prop('required', true);
                                $('#'+short_text_div).removeClass('d-none');
                                $('#' + short_text_change_date_div).removeClass('d-none');
                                if(data.data.review_text_change_date) {
                                    var date = new Date(data.data.review_text_change_date);
                                    var monthc = date.getMonth() + 1; // Months are zero-based, so add 1
                                    var yr      = date.getFullYear(),
                                    month   = monthc < 10 ? '0' + monthc : monthc,
                                    day     = date.getDate()  < 10 ? '0' + date.getDate()  : date.getDate(),
                                    newDate = month + '-' + day + '-' + yr;
                                    $('#' + file_folder_type + '-short-text_change_date').html(newDate);
                                }
                            }
                            else{
                                $('#'+glReviewName).prop("checked", false);
                                $('#' + review_short_text).val('');
                                $('#' + review_short_text).prop('required', false);
                                $('#'+short_text_div).addClass('d-none');
                                $('#' + short_text_change_date_div).addClass('d-none');
                            }

                        }
                        if (data.data.file_type != "2") {
                            $('#folder_form_parent_id').val($('#parent_id').val());
                            $('#folder_form_tour_id').val($('#tour_id').val());
                            $('#name').val(data.data.name);
                            $('#folderForm').find("input[name='file_type'][value='" + data.data.file_type + "']").prop("checked", true);
                            
                            if (data.data.file_type == "1") {
                                $('#row-daily_folder').removeClass('d-none');
                                $('#folder_icon_upload_div').removeClass('d-none');
                                $('#icon_uploaded_div').removeClass('d-none');
                                if(data.data.folder_file_icon_url !=null){
                                    $('#folder_icon_link').html('<img src="'+data.data.folder_file_icon_url+'">');
                                }
                                // if (data.data.daily_folder == "1") {
                                //     $('#folderForm').find('#daily_folder').prop("checked", true);
                                // }
                                // else{
                                //     $('#folderForm').find('#daily_folder').prop("checked", false);
                                // }
                                $('#folderForm').find("input[name='daily_folder'][value='" + data.data.daily_folder + "']").prop("checked", true);
                            } else {
                                $('#row-daily_folder').addClass('d-none');;
                                $('#folder_icon_upload_div').addClass('d-none');
                            }
                            $('#link').val(data.data.link);
                            if(data.data.note !== null){
                                $('#note').val(data.data.note);
                            }
                            if (data.data.file_type == "3") {
                                $('#row-link').removeClass('d-none');
                                $('#row-read_enable').removeClass('d-none');
                            } else {
                                $('#row-link').addClass('d-none');
                                $('#row-read_enable').addClass('d-none');
                            }
                            $('#folderForm').find("#order_by").val(data.data.order_by);
                            $('#folderForm').find("input[name='icon_link'][value='" + data.data.icon_link + "']").prop("checked", true);
                            $('#folder_form_id').val(data.data.id);

                            $('#addEditdModal').modal('show');
                        } 
                        else {
                            $('#file_form_parent_id').val($('#parent_id').val());
                            $('#file_form_tour_id').val($('#tour_id').val());
                            $('#file_name').val(data.data.name);
                            if(data.data.note !== null){
                                $('#file_note').val(data.data.note);
                            }
                            $('#fie_name').val(data.data.name);
                            $('#file_order_by').val(data.data.order_by);
                            // $('#fileForm').find('#row-name').removeClass('d-none');
                            // $('#fileForm').find('#row-file').addClass('d-none');
                            $('#fileForm').find("input[name='icon_link'][value='" + data.data.icon_link + "']").prop("checked", true);
                            $('#file_form_id').val(data.data.id);
                            $("input[name=choose_type][value=" + data.data.choose_type + "]").prop('checked', true);
                            if(data.data.choose_type == "1") {
                                $('#uploaded_div').removeClass('d-none');
                                if(data.data.original_file_name !=null){
                                    $('#uploaded_link').html('<a href="'+data.data.media_size_info_url+'" target="_blank">'+data.data.original_file_name+'</a>');
                                }
                                $('#choose_type_common_div').addClass('d-none');
                                $('#choose_type_upload_div').removeClass('d-none');
                            }
                            else if(data.data.choose_type == "2"){
                                var selected = $("#choose_common option:contains(" + data.data.original_file_name + ")").val();
                                console.log('selected -- '+selected);
                                $('#choose_common').val(selected).selectpicker('refresh');
                                $('#choose_type_upload_div').addClass('d-none');
                                $('#choose_type_common_div').removeClass('d-none');
                            }
                            $('#uploadModal').modal('show');
                        }

                    } else {
                        bootbox.alert(data.msg);
                    }
                },
                error: function() {
                    bootbox.alert("Internal server error");
                }
            });
        });
        $('body').on('change', '.change_orderby', function() {
            var id = $(this).attr('data-id');
            if($(this).val() < 0) {
            	$(this).val(0);
            }
            else {
            	var order_by = $(this).val();
	            $.ajax({
	                url: "{{url('admin/post-tour-info-order-by')}}",
	                data: {id: id,order_by:order_by},
	                type: 'POST',
	                beforeSend: function() {
	                    //$('.loader').show();
	                },
	                success: function(data) {
	                    
	                }
	            });
            }
        });
        $('body').on('change', '.read-enable-checkbox', function() {
            var value = $(this).attr('data-value');
            var type = $(this).attr('data-type');
            if(value == "6"){
                var is_checked = false;
                if($(this).is(":checked")) {
                    is_checked = true;
                }
                if(is_checked){
                    $('#'+type+'_'+9).prop('checked',true);
                }
                else{
                    $('#'+type+'_'+9).prop('checked',false);
                }
            }
        });
        $('body').on('change', '.gl-change-review', function() {
            var value = $(this).attr('data-value');
            var type = $(this).attr('data-type');
            var is_checked = false;
            if($(this).is(":checked")) {
                is_checked = true;
            }
            $('#'+type+'_review_short_text').val('');
            if(is_checked){
                $('#row-'+type+'-short-text').removeClass('d-none');
                $('#' + type + '_review_short_text').prop('required', true);
                $('#row-'+type+'-short-text_change_date').removeClass('d-none');
            }
            else{
                $('#row-'+type+'-short-text').addClass('d-none');
                $('#' + type + '_review_short_text').prop('required', false);
                $('#row-'+type+'-short-text_change_date').addClass('d-none');
            }
            
        });
        $('body').on('change', '.permission-checkobx', function() {
            var value = $(this).attr('data-value');
            var type = $(this).attr('data-type');
            if(value == "6"){
                var is_checked = false;
                if($(this).is(":checked")) {
                    is_checked = true;
                }
                if(is_checked){
                    $('#'+type+'_'+9).prop('checked',true);
                    $('#'+type+'_'+2).prop('checked',true);
                }
                else{
                    $('#'+type+'_'+9).prop('checked',false);
                    $('#'+type+'_'+7).prop('checked',false);
                    $('#'+type+'_'+8).prop('checked',false);
                    $('#'+type+'_'+4).prop('checked',false);
                    $('#'+type+'_'+3).prop('checked',false);
                }
            }
            if(value == "9"){
                var is_checked = false;
                if($(this).is(":checked")) {
                    is_checked = true;
                }
                if(is_checked){
                    $('#'+type+'_'+6).prop('checked',true);
                    $('#'+type+'_'+2).prop('checked',true);
                } else {
                    $('#'+type+'_'+7).prop('checked',false);
                    $('#'+type+'_'+8).prop('checked',false);
                    $('#'+type+'_'+4).prop('checked',false);
                    $('#'+type+'_'+3).prop('checked',false);
                }
            }
            if(value == "7"){
                var is_checked = false;
                if($(this).is(":checked")) {
                    is_checked = true;
                }
                if(is_checked){
                    $('#'+type+'_'+6).prop('checked',true);
                    $('#'+type+'_'+9).prop('checked',true);
                    $('#'+type+'_'+2).prop('checked',true);
                }
            }
            if(value == "8"){
                var is_checked = false;
                if($(this).is(":checked")) {
                    is_checked = true;
                }
                if(is_checked){
                    $('#'+type+'_'+6).prop('checked',true);
                    $('#'+type+'_'+9).prop('checked',true);
                    $('#'+type+'_'+2).prop('checked',true);
                }
            }
            if(value == "4"){
                var is_checked = false;
                if($(this).is(":checked")) {
                    is_checked = true;
                }
                if(is_checked){
                    $('#'+type+'_'+6).prop('checked',true);
                    $('#'+type+'_'+9).prop('checked',true);
                    $('#'+type+'_'+2).prop('checked',true);
                }
            }
            if(value == "3"){
                var is_checked = false;
                if($(this).is(":checked")) {
                    is_checked = true;
                }
                if(is_checked){
                    $('#'+type+'_'+6).prop('checked',true);
                    $('#'+type+'_'+9).prop('checked',true);
                    $('#'+type+'_'+2).prop('checked',true);
                }
            }
            if(value == "5"){
                var is_checked = false;
                if($(this).is(":checked")) {
                    is_checked = true;
                }
                if(is_checked){
                    $('#'+type+'_'+2).prop('checked',true);
                }
            }
            if(value == "2"){
                var is_not_checked = false;
                if(!$(this).is(":checked")) {
                    is_not_checked = true;
                }
                if(is_not_checked){
                    $('#'+type+'_'+3).prop('checked',false);
                    $('#'+type+'_'+4).prop('checked',false);
                    $('#'+type+'_'+5).prop('checked',false);
                    $('#'+type+'_'+6).prop('checked',false);
                    $('#'+type+'_'+7).prop('checked',false);
                    $('#'+type+'_'+8).prop('checked',false);
                    $('#'+type+'_'+9).prop('checked',false);
                }
            }
        });
        $('body').on('change', '.file_type_radio', function() {
            var file_type = $('input[name="file_type"]:checked').val();
            //alert(file_type);
            if (file_type == "3") {
                $('#row-link').removeClass('d-none');
                $('#row-common_folder').addClass('d-none');
                $('#row-note').removeClass('d-none');
                $('#row-read_enable').removeClass('d-none');
                //$('#row-change_review').removeClass('d-none');
                $('#row-daily_folder').addClass('d-none');
                $('#folder_icon_upload_div').addClass('d-none');
            } else if (file_type == "1") {
                $('#row-common_folder').removeClass('d-none');
                $('#row-link').addClass('d-none');
                //$('#row-note').addClass('d-none');
                $('#row-read_enable').addClass('d-none');
                $('#row-change_review').addClass('d-none');
                $('#row-daily_folder').removeClass('d-none');
                $('#folder_icon_upload_div').removeClass('d-none');
            } else {
                $('#row-link').addClass('d-none');
                $('#row-common_folder').addClass('d-none');
                //$('#row-note').addClass('d-none');
                $('#row-read_enable').addClass('d-none');
                $('#row-change_review').addClass('d-none');
                $('#row-daily_folder').addClass('d-none');
                $('#folder_icon_upload_div').removeClass('d-none');
            }
        });
        $('#lsticon').on('click', function() {
            $('#listview').show()
            $('#gridview').hide()
            $('#grid-select-all').hide()
            $('.admin-only-action').attr('data-class', 'all-files-chk')
            setCookie('autism-viewtype', 'l', 365)
        });
        $('#includeFile-btn').on('click',function(){
            $('.loader').show();
        });
        // $('#upload-btn').on('click',function(){
        //     $('.loader').show();
        // });
        $('#fileupload-btn').on('click',function(){
            //$('.loader').show();
        });
        $('#gridicon').on('click', function() {
            $('#listview').hide()
            $('#gridview').show()
            $('#grid-select-all').show()
            $('.admin-only-action').attr('data-class', 'all-files-chk1')
            setCookie('autism-viewtype', 'g', 365)
        });
        $('body').on('click', '#include_files', function() {
            $('#include_form_tour_id').val($('#tour_id').val());
            $('#include_form_parent_id').val($('#parent_id').val());
            $('#includeModal').modal('show');
        });
        $('body').on('click', '.create-folder', function() {
            $('#folder_form_parent_id').val($('#parent_id').val());
            $('#folder_form_tour_id').val($('#tour_id').val());
            $('#addEditdModal').modal('show');
        });
        $('body').on('click', '.upload-file', function() {
            $('#file_form_parent_id').val($('#parent_id').val());
            $('#file_form_tour_id').val($('#tour_id').val());
            $('#uploadModal').modal('show');
        });
        $('body').on('click', '.folder-open-close', function() {
            var id = $(this).attr('data-id');
            if ($('#collapseExample' + id).hasClass('in')) {
                $('#plus_minus_' + id).removeClass('fa fa-minus');
                $('#plus_minus_' + id).addClass('fa fa-plus');
                $('#open_close_' + id).removeClass('fa fa-folder-open');
                $('#open_close_' + id).addClass('fa fa-folder');
            } else {
                $('#plus_minus_' + id).removeClass('fa fa-plus');
                $('#plus_minus_' + id).addClass('fa fa-minus');
                $('#open_close_' + id).removeClass('fa fa-folder');
                $('#open_close_' + id).addClass('fa fa-folder-open');
            }
        });
        $('body').on('change','#upload',function(e){
            var higImgMime = ['heic','heif'];
            var form_data = new FormData($('#fileForm')[0]);
            form_data.append('field_name','upload');            
            $.ajax({
                url: "{{url('admin/get-file-mime-type-name')}}",
                data:form_data,
                type: 'POST',
                contentType: false,  
                processData: false,
                beforeSend: function() {
                    $('.loader').show();
                },
                success: function(data) {
                    $('.loader').hide();
                    if (data.success) {
                        var file_ext = data.data.file_ext;
                        if(file_ext != null && file_ext !='' && typeof file_ext  !== "undefined"){
                            file_ext = file_ext.toLowerCase();
                        }                        
                        if(data.data.file_mime !='' && data.data.file_mime != null && typeof data.data.file_mime != "undefined"){
                            if((data.data.file_mime != 'application/pdf') && (data.data.file_mime != 'image/jpeg') && (data.data.file_mime != 'image/png') && (data.data.file_mime != 'image/webp') && (data.data.file_mime != 'image/bmp') && (data.data.file_mime != 'image/heic') && (data.data.file_mime != 'image/heif') && (data.data.file_mime != 'image/hevc')){
                                //$('#pdf_convert').removeClass('d-none');
                                if(jQuery.inArray(file_ext,higImgMime) == -1){
                                    $('#to_pdf_convert').prop('checked',true);
                                }
                            }
                            else{
                                //$('#pdf_convert').addClass('d-none');
                                $('#to_pdf_convert').prop('checked',false);
                            }
                        }
                        else{
                            //$('#pdf_convert').addClass('d-none');
                            $('#to_pdf_convert').prop('checked',false);
                        }
                        
                    } 
                    else {  
                        //$('#pdf_convert').addClass('d-none');
                        $('#to_pdf_convert').prop('checked',false);                  
                    }
                },
                error: function() {
                    //$('#pdf_convert').addClass('d-none');
                    $('#to_pdf_convert').prop('checked',false);
                }
            });
        });
        
        $("#folderForm").validate({
            rules: {
                // name: {
                //     required : true
                // },
            },
            messages : {
                // name: {
                //     required : "Please enter name",
                // },
            
            },
            errorPlacement: function(error, element) {
                if (element.attr("name") == "type") {
                    error.insertAfter("#type-error");
                    }
                if (element.attr("name") == "status") {
                    error.insertAfter("#status-error");
                } else {
                    error.insertAfter(element);
                }
            },
            submitHandler: function(form) {
                $('.loader').show();
                form.submit();
            }
        });
        $("#fileForm").validate({
            rules: {
                // name: {
                //     required : true
                // },
            },
            messages : {
                // name: {
                //     required : "Please enter name",
                // },
            
            },
            errorPlacement: function(error, element) {
                if (element.attr("name") == "type") {
                    error.insertAfter("#type-error");
                    }
                if (element.attr("name") == "status") {
                    error.insertAfter("#status-error");
                } else {
                    error.insertAfter(element);
                }
            },
            submitHandler: function(form) {
                var name = $('#file_name').val();
                var parent_id = $('#parent_id').val();
                var file_name = null;
                var tour_id = $('#tour_id').val();
                var id = $('#file_form_id').val();
                var pdf_convert = $('input[name="to_pdf_convert"]:checked').val();
                var form_data = new FormData($('#fileForm')[0]);
                form_data.append('field_name','upload');            
                $.ajax({
                    url: "{{url('admin/get-file-mime-type-name')}}",
                    data:form_data,
                    type: 'POST',
                    contentType: false,  
                    processData: false,
                    beforeSend: function() {
                        $('.loader').show();
                    },
                    success: function(data) {
                        $('.loader').hide();
                        if (data.success) { 
                            if(data.data.file_original_name){
                                file_original_name = data.data.file_original_name;
                                var original_name = file_original_name.split('.').shift();
                                if(pdf_convert == "1"){              
                                    file_name = original_name+'.pdf';
                                }
                                else{
                                    var higImgMime = ['heic','heif'];
                                    var file_ext = data.data.file_ext;
                                    if(file_ext != null && file_ext !='' && typeof file_ext  !== "undefined"){
                                        file_ext = file_ext.toLowerCase();
                                    }
                                    if(jQuery.inArray(file_ext,higImgMime) == -1){                                        
                                        file_name = file_original_name;
                                    }
                                    else{
                                        file_name = original_name+'.jpg';
                                    }
                                }

                            }  
                            form_data.append('name',name);
                            form_data.append('file_name',file_name);
                            form_data.append('id',id); 
                            form_data.append('parent_id',parent_id);
                            form_data.append('tour_id',tour_id);            
                            $.ajax({
                                url: "{{url('admin/checking-duplicate-file-name')}}",
                                //data: {name: name,parent_id:parent_id,file_name:file_name,tour_id:tour_id,id:id},
                                data:form_data,
                                type: 'POST',
                                contentType: false,  
                                processData: false,
                                beforeSend: function() {
                                    $('.loader').show();
                                },
                                success: function(data) {
                                    $('.loader').hide();
                                    if (data.success) {
                                        $('.loader').show();
                                        form.submit();

                                    } else {
                                        // $.toaster({
                                        //     priority: 'error',
                                        //     title: 'Sync',
                                        //     message: data.msg
                                        // });
                                        if(data.confirm){
                                            $('#uploadModal').modal('hide');
                                            bootbox.confirm({
                                                message: data.msg,
                                                buttons: {
                                                    confirm: {
                                                        label: 'OVERWRITE',
                                                        className: 'btn-success'
                                                    },
                                                    cancel: {
                                                        label: 'Cancel',
                                                        className: 'btn-danger'
                                                    }
                                                },
                                                callback: function (result) {
                                                    if(result){
                                                        $('.loader').show();
                                                        form.submit();
                                                    }
                                                    else{
                                                        window.location.reload();
                                                        //$('#uploadModal').modal('show');
                                                    }
                                                }
                                            });
                                        }
                                        else{
                                            $('#row-error_msg_label').html(data.msg);
                                            $('#row-error_msg').removeClass('d-none');
                                           // bootbox.alert(data.msg);
                                        }
                                        
                                    }
                                },
                                error: function() {
                                    // $.toaster({
                                    //     priority: 'error',
                                    //     title: 'Sync',
                                    //     message: 'Internal server error'
                                    // });
                                    //bootbox.alert("Internal server error");
                                    $('#row-error_msg_label').html("Internal server error");
                                    $('#row-error_msg').removeClass('d-none');
                                }
                            });
                        }
                    },
                    error: function() {
                       
                    } 
                });               
            }
        });
    });

    function setCookie(cname, cvalue, exdays) {
        var d = new Date();
        d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
        var expires = "expires=" + d.toUTCString();
        document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
    }

    function updateAdminOnly(all_ids, status = 0) {
        $.ajax({
            url: PATH + "/save-file-permission-for-admin-only",
            data: {id:all_ids, status: status},
            type: 'POST',
            beforeSend: function() {
                $('.loader').show();
            },
            success: function(data) {
                $('.loader').hide();
                if (data.success) {
                    var ids = all_ids.split(',');
                    window.location.reload();
                } else {
                    $.toaster({
                        priority: 'error',
                        title: 'File Permission',
                        message: data.msg,
                    });
                }
            },
            error: function(data) {
                $('.loader').hide();
                $.toaster({
                    priority: 'error',
                    title: 'File Permission',
                    message: data.msg,
                });
            }
        });
    }
</script>
@endsection