@php
    $max_file_size= $file = config('constant.MAX_FILE_SIZE');
@endphp

<div class="modal fade" id="upload_pic_modal" style="margin-top: 50px" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-md" >

        <div class="modal-content">
            <div class="modal-header">
                <h4 class="mb-2 text-center font-bold pull-left" id="pic_header" > Upload Document </h4>
                <button type="button" class="close pull-right" data-dismiss="modal">&times;</button>
            </div>
            <form method="post" action="{{route('upload.client.image')}}" autocomplete="off" id="doc_upload_form"
                  enctype=multipart/form-data
                  class="input-form-section">
                @csrf
                <div class="modal-body">
                    <input type="hidden" id="doc_type" name="doc_type"/>
                    <div class="row">
                        <div class="text-center">
                            <img src="#"
                                 class="img-client" id="uploaded_doc" ><br>
                        </div>
                        <input id="profile_pic" type="file" class="form-control"
                               name="uploadmedia[profile]"
                               onchange="return common_helper.fileSizeValidation(this,{{$max_file_size}})"
                               accept="image/jpeg,image/gif,image/png,image/x-eps">
                        @include('partials.file_size_label')

                    </div>
                    <div class="row text-center">
                        <button type="submit" id="doc_upload_btn" class="btn btn2" >Upload</button>
                    </div>
                </div>

            </form>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-lg pull-left" data-dismiss="modal">Close</button>
            </div>
        </div>

    </div>

</div>