@php
    $user_image_path = getSession('user_image');
    $profile_image =  getSession('profile_image');
    $max_file_size= $file = config('constant.MAX_FILE_SIZE');
@endphp

<div class="modal fade" id="profile_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" > Upload Profile Picture </h4>
                <button type="button" class="close pull-right" data-dismiss="modal">&times;</button>
            </div>
            <form method="post" action="{{route('upload.client.image')}}" autocomplete="off"
                  enctype=multipart/form-data
                  class="input-form-section">
                @csrf
                <div class="modal-body">
                    <input type="hidden" id="doc_type" name="doc_type" value="9"/>
                    <div class="row">
                        @if(!empty($user_image_path))
                            <div class="text-center" id="profile_pic_id">
                                <img src="{{getPublicFile($user_image_path)}}"
                                     class="img-client"><br>
                            </div>
                        @endif
                        <input id="profile_pic" type="file" class="form-control"
                               name="uploadmedia[profile_pic]"
                               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" 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>
