@php
    $fileTypes = [
        'pdf' => 'PDF',
        'jpg' => 'JPG',
        'png' => 'PNG',
        'docx' => 'DOCX',
        'xlsx' => 'XLSX',
        'txt' => 'TXT',
    ];
@endphp

<div class="modal fade" id="ajaxModel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="card card-signup card-plain">

                <div class="modal-header">
                    <div class="card-header card-header-primary text-center" style="margin-top: -30px;">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-close"></i></button>
                        <h4 class="card-title" id="modelHeading"></h4>
                    </div>
                </div>

                {!! Form::open(['id' => 'dataForm', 'name' => 'dataForm', 'class' => 'form-horizontal', 'enctype' => 'multipart/form-data']) !!}

                <div class="modal-body">

                    {{ csrf_field() }}

                   <input type="hidden" id="site_id" name="site_id" value="{{ $siteId ?? '' }}">

                    {!! Form::hidden('document_id', '', ['id' => 'document_id']) !!}

                    <div class="row form-group">
                        <div class="col-sm-12">
                            {!! Form::text('title', '', ['class' => "form-control", 'id' => "title", 'placeholder' => "Enter Document Title", 'required']) !!}
                            <span class="text-danger" id="title-error"></span>
                        </div>
                    </div>

                    <div class="row form-group">
                        <div class="col-sm-12">
                            {!! Form::select('file_type', $fileTypes, null, ['class' => 'form-control', 'id' => 'file_type', 'placeholder' => '-- Select File Type --', 'required']) !!}
                            <span class="text-danger" id="file_type-error"></span>
                        </div>
                    </div>

                    <div class="row form-group">
                        <div class="col-sm-12">
                            {!! Form::file('file', ['class' => 'form-control', 'id' => 'file', 'accept' => '.pdf,.jpg,.jpeg,.png,.docx,.xlsx,.txt', 'required']) !!}
                            <span class="text-danger" id="file-error"></span>
                        </div>
                    </div>

                </div>

                <div class="modal-footer">

                    <button type="button" class="btn btn-primary btn-sm" data-bs-dismiss="modal">Close</button>

                    {!! Form::submit('Submit', ['class' => 'btn btn-primary btn-sm', 'id' => 'saveBtn']) !!}

                </div>

                {!! Form::close() !!}

            </div>
        </div>
    </div>
</div>