@php ($headerOption = [
'title' => $module,
'header_button' => ''
])
@extends('admin.layouts.layout', $headerOption)

@section('css')
<link href="{{ asset('/administrator/')}}/css/toastr.min.css" rel="stylesheet">
<style>

body .card .header {
    background:#de4e00 !important
}
</style>
@endsection
@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;
    }

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

        .file-manager-wrapper .row::before {
            display: none;
        }
    }
</style>
<div class="body" id="folder-structure">
    <div class="file-manager-wrapper">
        <div class="file-manager-wrapper-inner">
            <div class="row">
                
                @php($t1 = (isset($_COOKIE['autism-common-file-viewtype']) && $_COOKIE['autism-common-file-viewtype'] == 'l')?'block':'none')
                @php($t2 = ((isset($_COOKIE['autism-common-file-viewtype']) && $_COOKIE['autism-common-file-viewtype'] == 'g') || (!isset($_COOKIE['autism-common-file-viewtype'])))?'block':'none')

                <div class="col-sm-12">
                    <div class="file-manager-right-panel">
                        <div class="well custom-well">
                            <a href="{{ route($routePrefix . '.index') }}" class="back-btn"><i class="fa fa-chevron-left" aria-hidden="true"></i> Back</a>
                            <div class="file-manager-buttons">
                                @if($permission['create'])
                                    <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',['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',['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',['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',['sort_by'=>4]) }}"><i class="fa fa-sort-numeric-desc" aria-hidden="true"></i> Sort by date</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="file-manager-table" id="listview" style="display: {{$t1}}">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>Item</th>
                                        <th>Size</th>
                                        <th>File Name</th>
                                        <th>Modified</th>
                                        <th>Order By</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($data as $key=>$val)
                                    <tr>
                                        <td><a href="{{ ($val->file_type==1)?route($routePrefix . '.index'):$val->media_size_info_url }}" target="{{ ($val->file_type==1)?'':'_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>
                                        <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 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'):$val->media_size_info_url }}" target="{{ ($val->file_type==1)?'':'_blank'}}"><img src="{{$val->media_size_icon_url}}" height="20px"></a>
                                    </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>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </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' => 'common-file-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">
                
                <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 <span class="span-req">*</span>:',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 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" 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-6 col-md-6 col-xs-12 col-sm-12" id="row-file">
                    <div class="form-group" id="coose_type_upload_div">
                        {!! Form::label('file', 'Choose File<span class="span-req">*</span>:',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>
                <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"></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-xs-12 col-sm-12 " id="uploaded_div">
                    <div class="form-group" id="">
                        <label class="form-label">Uploaded file</label>
                        <div class="controls">
                            <div class="input-group" id="uploaded_link" style="width: 100%">
                            </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" 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>

@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() {
        $('body').on('change', '.gl-change-review', function() {            
            var is_checked = false;
            if($(this).is(":checked")) {
                is_checked = true;
            }
            $('#file_review_short_text').val('');
            if(is_checked){
                $('#row-file-short-text').removeClass('d-none');
                $('#file_review_short_text').prop('required', true);
                $('#row-file-short-text_change_date').removeClass('d-none');
            }
            else{
                $('#row-file-short-text').addClass('d-none');
                $('#file_review_short_text').prop('required', false);
                $('#row-file-short-text_change_date').addClass('d-none');
            }
            
        });
        $('body').on('click', '.edit-file-folder', function() {
            var id = $(this).attr('data-id');
            $.ajax({
                url: "{{url('admin/get-common-file-details')}}",
                data: {
                    id: id
                },
                type: 'GET',
                beforeSend: function() {
                    $('.loader').show();
                },
                success: function(data) {
                    $('.loader').hide();
                    if (data.success) {
                        var is_review = data.data.review;
                        var review_short_text = data.data.review_short_text;
                        $('#file_name').val(data.data.name);
                        if(data.data.note !== null){
                            $('#file_note').val(data.data.note);
                        }
                        $('#uploaded_link').html('<a href="'+data.data.media_size_info_url+'" target="_blank">'+data.data.original_file_name+'</a>');
                        $('#fie_name').val(data.data.name);
                        $('#file_order_by').val(data.data.order_by);
                        $('#fileForm').find("input[name='icon_link'][value='" + data.data.icon_link + "']").prop("checked", true);
                        $('#file_form_id').val(data.data.id);
                        if(is_review) {
                            $('#file_gl_change_review').prop("checked", true);
                            $('#file_review_short_text').val(data.data.review_short_text);
                            $('#file_review_short_text').prop('required', true);
                            $('#row-file-short-text').removeClass('d-none');
                            $('#row-file-short-text_change_date').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-short-text_change_date').html(newDate);
                            }
                            
                        }
                        else{
                            $('#file_gl_change_review').prop("checked", false);
                            $('#file_review_short_text').val('');
                            $('#file_review_short_text').prop('required', false);
                            $('#row-file-short-text').addClass('d-none');
                            $('#row-file-short-text_change_date').addClass('d-none');
                        }
                        $('#uploadModal').modal('show');
                    } 
                    else {
                        $.toaster({
                            priority: 'error',
                            title: 'Sync',
                            message: data.msg
                        });
                    }
                },
                error: function() {
                    $.toaster({
                        priority: 'error',
                        title: 'Sync',
                        message: 'Internal server error'
                    });
                }
            });
        });
        $('body').on('change', '.change_orderby', function() {
            var id = $(this).attr('data-id');
            var order_by = $(this).val();
            $.ajax({
                url: "{{url('admin/post-common-file-order-by')}}",
                data: {id: id,order_by:order_by},
                type: 'POST',
                beforeSend: function() {
                    //$('.loader').show();
                },
                success: function(data) {
                    
                }
            });
        });
        
        $('#lsticon').on('click', function() {
            $('#listview').show()
            $('#gridview').hide()
            setCookie('autism-common-file-viewtype', 'l', 365)
        });

        $('#gridicon').on('click', function() {
            $('#listview').hide()
            $('#gridview').show()
            setCookie('autism-common-file-viewtype', 'g', 365)
        });
        
        $('body').on('click', '.upload-file', function() {
            $('#file_form_parent_id').val($('#parent_id').val());
            //$('#file_form_tour_id').val($('#tour_id').val());
            $('#uploaded_link').html('');
            $('#uploadModal').modal('show');
        });
        // $('#upload-btn').on('click',function(){
        //     $('.loader').show();
        // });
        $('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')){
                                //$('#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);
                }
            });
           
        });
        $("#fileForm").validate({
            rules: {
            },
            messages : {
            },
            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) {
                $('#row-error_msg').addClass('d-none');
                var name = $('#file_name').val();                
                var id = $('#file_form_id').val();
                var file_name = null;
                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) { 
                            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_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'];
                                    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);
                            $.ajax({
                                url: "{{url('admin/checking-duplicate-common-file-name')}}",
                                //data: {name: name,file_name:file_name,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 {
                                        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();
                                                    }
                                                }
                                            });
                                        }
                                        else{
                                            
                                            $('#row-error_msg_label').html(data.msg);
                                            $('#row-error_msg').removeClass('d-none');
                                            //bootbox.alert(data.msg);
                                        }
                                        
                                    }
                                },
                                error: function() {
                                    //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=/";
    }
</script>
@endsection