@extends('admin.client.view')

@section('client_tab_content')

    <div class="tab-content w-100 overflow-auto">
        <div class="tab-pane fade active show">
            <div class="card">
                <div class="card-header header-elements-inline">
                    <h5 class="card-title">@lang('crm.media_files')</h5>
                    <span class="text-primary">@lang('crm.customer_files_info_message')</span>
                    <div class="header-elements">
                        <div class="list-icons">
                            <a class="list-icons-item" data-action="collapse"></a>
                            <a class="list-icons-item" data-action="reload"></a>
                            <a class="list-icons-item" data-action="remove"></a>
                        </div>
                    </div>
                </div>

                @include('partials.messages')

                <div class="card-body">

                    <div class="row">
                        <div class="col-md-12">
                            <div class="relative" style="max-height:300px;">
                                <form action="{{ url('clients/upload_files') }}" class="dropzone" id="file-upload-form">
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                    <input type="hidden" name="client_id" value="{{$client->id}}">
                                </form>
                            </div>
                        </div>
                    </div>
                    <form action="#">


                        <table class="table" id="files-table">
                            <thead>
                            <th>@lang('crm.file')</th>
                            <th>@lang('crm.customer_attachments_show_in_customers_area')</th>
                            <th>@lang('crm.file_date_uploaded')</th>
                            <th>@lang('crm.options')</th>
                            </thead>
                            <tbody>
                            @if(count($files) > 0)
                                @foreach($files as $file)
                                    <tr>
                                        @php
                                            if($file['filetype'] == 'application/pdf') {
                                                $file_path = url('/upload/clients/'.$file['rel_id'].'/'.$file['file_name']);
                                                echo "<td><a href='".$file_path."'><i class='mime mime-pdf'/>".$file['file_name']."</a></td>";
                                            } else if ($file['filetype'] == 'image/jpeg') {
                                                $file_path = url('/upload/clients/'.$file['rel_id'].'/'.$file['file_name']);
                                                echo "<td><a href='".$file_path."'><i class='mime mime-image'/>".$file['file_name']."</a></td>";
                                                // echo "<td><a src='".$file_path."'>".$file['file_name']."</src></td>";
                                            } else {
                                                $file_path = url('/upload/clients/'.$file['rel_id'].'/'.$file['file_name']);
                                                echo "<td><a href='".$file_path."'><i class='mime mime-file'/>".$file['file_name']."</a></td>";
                                            }
                                        @endphp
                                        <td>
                                            <label class='form-check-label'>
                                                <input type='checkbox' class='form-check-input-switchery'
                                                       {{ $file['visible_to_customer'] == 1 ? "checked":"" }} onclick="activeClicked(this, {{$file['id']}})"
                                                       data-fouc>
                                            </label>
                                        </td>

                                        <td>{{  local_time_format($file["dateadded"], true) }}</td>
                                        <td>
                                            <a href="#" onclick=""
                                               class="btn btn-success btn-icon _delete file-delete"><i
                                                        class="icon-envelop"></i></a>
                                            <a href="#" onclick="deletefile({{$file['id']}})"
                                               class="btn btn-danger btn-icon _delete file-delete"><i
                                                        class="icon-cross3 center" ></i></a>
                                        </td>
                                    </tr>
                                @endforeach
                            @endif
                            </tbody>
                        </table>
                    </form>
                </div>
            </div>
        </div>
    </div>


    <div class="modal fade" id="contact_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
        </div>
    </div>

@stop

@section('styles')

@stop

@section('scripts')
    {!! HTML::script('assets/js/as/client.js') !!}

    <script>
        $(document).ready(function () {
            $('#files-table').DataTable({
                'drawCallback': function (settings, json) {
                    return;
                },
                'order': [[2, 'desc']]
            });
        });

        new Dropzone('#file-upload-form', appCreateDropzoneOptions({
            success: function (file) {
                if (this.getUploadingFiles().length === 0 && this.getQueuedFiles().length === 0) {
                    //var location = window.location.href;
                    //window.location.href = (location.replace('#','')).split('?')[0] ;
                    reloadPage();
                }
            }
        }))

        function activeClicked(cb, fileid) {

            $.ajax({
                type: 'POST',
                url: "{{ url('clients/file_change_status') }}",
                data: {
                    id: fileid,
                    status: cb.checked,
                },
                success: function (data) {
                    if (data.status == 1) {
                        successNotify('', data.msg);
                    } else {
                        errorNotify('', data.msg);
                        cb.checked = !cb.checked;
                    }
                },
                error: function (data) {
                    errorNotify('', data.msg);
                    cb.checked = !cb.checked;
                }
            }, 'json')

        };

        function deletefile(id) {
            if (!id) {
                return;
            }

            confirmAlert('', 'Are you sure that you want to this action?', 'Yes', 'No', function () {
                $.ajax({
                    type: 'POST',
                    url: "{{ url('clients/delete_file') }}",
                    data: {id: id},
                    success: function (data) {
                        if (data.status == 1) {
                            successAlert(data.msg, '', function () {
                                reloadPage();
                            });
                        } else {
                            errorAlert(data.msg);
                        }
                    },
                    error: function (data) {
                        errorAlert(data.msg);
                    }
                }, 'json')
            })
        }

    </script>
@stop