<div class="card mb-4">
    <div class="card-header">
        ระบุข้อมูล
    </div>
    <div class="card-body">
      <?php if(@$_GET['Type']=='Edit'){ ?>
        <div class="form-group row">
            <div class="col-sm-2">&nbsp;</div>
            <label for="" class="col-sm-2 col-form-label">Series No.</label>
            <div class="col-sm-3">
                <input type="text" name="" class="form-control" id="txt_series_no" value="" readonly/>
            </div>
        </div>
      <?php } ?>
        <p>
            <a class="btn btn-danger" href="#" data-toggle="modal" data-target="#attachmentModal"><i class="fas fa-plus-square"></i> เพิ่มไฟล์แนบ</a>
        </p>
        <div id="attachment_detail_pagination" style="position:relative;">
            <div class="table-loader text-center" style="display:none;">
                <div class="overlay">
                    <i class="fas fa-3x fa-spinner fa-pulse"></i>
                </div>

            </div>
            <table class="table table-hover table-bordered ">
                <thead>
                    <tr>
                        <td>No.</td>
                        <td>Doc Type</td>
                        <td>Doc Name</td>
                        <td>File</td>
                        <td>Doc Date</td>
                        <td>Attachment Date</td>
                        <td>Action</td>
                    <tr>
                </thead>
                <tbody>
                </tbody>
            </table>

            <br /><br />
            <div class="supplierPager">
                <div class="row">
                    <div class="col-md-6">
                        <input type="hidden" class="page" value="1" />
                        <input type="hidden" class="page-size" value="10" />
                        <input type="hidden" class="numrows" value="0" />
                        <input type="hidden" class="orderBy" value="AttachmentId" />
                        <input type="hidden" class="orderDirection" value="ASC" />
                        <input type="hidden" class="params" value="" />
                        แสดงรายการ <span class="start-record"></span> ถึง <span class="end-record"></span> จากทั้งหมด <span class="total-record"></span> รายการ
                    </div>
                    <div class="col-md-6 text-right pagination-zone">

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


<!-- Modal Attachment-->
<div class="modal fade" id="attachmentModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Attachment</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div> <!--action="Update.php"-->
            <form  id="attachment-form" method="post">
                <div class="modal-body">

                    <div class="row">
                        <div class="col-md-2">Doc Date <sup class="text-danger">*</sup></div>
                        <div class="col-md-4">
                            <div class="input-group mb-3 date" id="dte_attachment">
                                <input type="text" class="form-control" name="DocumentDate" id="txt_doc_date" autocomplete="off"><div class="input-group-append"><span class="input-group-text"><i class="fa fa-calendar"></i></span></div>
                            </div>
                        </div>
                        <div class="col-md-2">Doc Type <sup class="text-danger">*</sup></div>
                        <div class="col-md-4">
                            <select class="form-control" name="DocumentType" id="ddl_doc_type">
                                <option value="">Select Doc Type</option>
                                <option value="1">Customer Doc</option>
                                <option value="2">Lawyer Doc</option>
                                <option value="3">Gov. Doc</option>
                            </select>
                            <!--<input type="text" class="form-control" name="DocType" id="txt_doc_type" />-->
                        </div>
                    </div>
                    &nbsp;
                    <div class="row">
                        <div class="col-md-2">Doc Name <sup class="text-danger">*</sup></div>
                        <div class="col-md-4">
                            <input type="text" class="form-control" name="DocumentName" id="txt_doc_name" />
                        </div>
                        <div class="col-md-2">File <sup class="text-danger">*</sup></div>
                        <div class="col-md-4">
                            <div id="file_panel_popup">
                                <input type="file"  name="File" id="attachment_file" />
                            </div>
                            <a href="#" id="link_file_path" style="display:none;"></a>
                        </div>
                    </div>
                    &nbsp;
                    <div class="row">
                        <div class="col-md-2">Case Number </div>
                        <div class="col-md-4">
                            <input type="text" class="form-control" name="CaseNumber" id="txt_case_number" autocomplete="off" />
                        </div>
                        <div class="col-md-2">Customer</div>
                        <div class="col-md-4">
                            <input type="text" class="form-control"  id="txt_cus_code"/>
                            <input type="hidden"  name="CustomerCode" id="hd_cus_code" />
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button class="btn btn-primary" id="btn-attach-submit" >Confirm</button>
                </div>
            </form>

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