@extends('layouts.view')
@section('title',trans('lang.company_policy_files'))
@section('content')
    <link href="{{asset('/plugins/select2/select2.min.css')}}" rel="stylesheet" type="text/css"/>
    <link href="{{asset('assets/libs/sweetalert2/sweetalert2.min.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('assets/libs/animate.css/animate.min.css')}}" rel="stylesheet" type="text/css">
    <style>
        .select2-container .select2-selection--single{
            height: 38px !important;
            border-color: #e8ebf3 !important;
        }
    </style>
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <link href="{{ asset('plugins/dropify/css/dropify.min.css') }}" rel="stylesheet">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <div class="page-title-box">
                        <div class="float-right">

                        </div>
                        <h4 class="page-title">{{trans('lang.company_policy_files')}}</h4>
                    </div><!--end page-title-box-->
                </div><!--end col-->
            </div><!--end row-->
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
            <div id="formDialog"  class="card-body">
                <h4 class="mt-0 header-title" id="titleheadar">{{trans('lang.company_policy_files')}} :</h4>
                <div class="row">
                    <div class="col-lg-10">

                        @if(!empty($company_setting->company_policy))
                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label text-right"></label>
                                <div class="col-sm-9">
                                    <ul id="file-list">
                                        @foreach(explode(',', $company_setting->company_policy) as $policy)
                                            <li>
                                                @php
                                                    $file_extension = pathinfo($policy, PATHINFO_EXTENSION);
                                                @endphp

                                                @if(in_array(strtolower($file_extension), ['pdf']))
                                                    <i class="fas fa-file-pdf fa-2x"></i>
                                                @elseif(in_array(strtolower($file_extension), ['xls', 'xlsx']))
                                                    <i class="fas fa-file-excel fa-2x"></i>
                                                @else
                                                    <i class="fas fa-file fa-2x"></i>
                                                @endif

                                                <a href="{{ asset('files/setting/' . $policy) }}" target="_blank">{{ $policy }}</a>
                                            </li>
                                        @endforeach
                                    </ul>

                                </div>
                            </div>
                        @else
                            <p class="text-muted">{{ trans('lang.no_files_uploaded') }}</p>
                        @endif


                    </div> </div>  </div></div></div></div></div>
                <script>
                    $(document).ready(function(){
                        $('form').ajaxForm({

                            beforeSend:function(){
                                $('#success').empty();
                                $('.progress-bar').text('0%');
                                $('.progress-bar').css('width', '0%');
                            },
                            uploadProgress:function(event, position, total, percentComplete){
                                var percentVal = percentComplete + '%';
                                $('.progress-bar').width(percentVal);
                                $('.progress-bar').html(percentVal);
                            },
                            success:function(data)
                            {
                            //    alert(data.success);
                                if(data.success)
                                {

                                    $('#success').html('<div class="text-success text-center"<h4 style="padding-left: 10px;color: #4d79f6">'+data.success+'</h4></div><br /><br />');

                                    $('.progress-bar').text('Uploaded');
                                    $('.progress-bar').css('width', '100%');
                                }
                            }
                        });
                    });
                </script>



@endsection


            @section('scripts')
                <script src="{{ asset('plugins/dropify/js/dropify.min.js') }}"></script>
                <script src="{{ asset('assets/pages/jquery.form-upload.init.js') }}"></script>
                <script src="{{ asset('plugins/repeater/jquery.repeater.min.js') }}"></script>
                <script src="{{ asset('assets/pages-material/jquery.form-repeater.js') }}"></script>
                <script src="{{ asset('assets/js/app.js') }}"></script>
                <script src="{{ asset('assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>

@endsection