<style>
    .modal-header{
        background: #09c !important;
    }

    .modal-title{
        color: white;
        margin-bottom: 15px;
    }

    #modal-generate {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .dropdown-menu-right{
        z-index: 9999999;
    }
  
</style>
<div class="content-wrapper">
    <div class="content">
        <!-- <p>mahasiswa pendaftaran</p>
        <p><?php //echo $this->nim;?></p>
        <p><?php //echo $this->name; ?></p>

        <div class="panel panel-default">
            hi bro
        </div> -->

        <div class="page-header-content">
            <div class="page-title">
                <h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold">Admin</span> - Surat Pengajuan </h4>

                <ul class="breadcrumb position-right">
                    <li><a href="index.html">Home</a></li>
                    <li class="">Mahasiswa</li>
                    <li class="active">List pengajuan mahasiswa</li>
                    <!-- <li class="active">Upload Berkas</li> -->
                </ul>
            </div>      
        </div>
        
        <div class="panel panel-white">
            <div class="panel-heading">
                <h6 class="panel-title text-semibold">Daftar Surat Pengajuan </h6>
                <div class="heading-elements">
                    <ul class="icons-list">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-menu7"></i> <span class="caret"></span></a>
                            <ul class="dropdown-menu dropdown-menu-right">
                                <li id="export-excel"><a id="export-excel">Export to Excel</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!-- <div class="heading-elements">
                    <button type="button" class="btn btn-primary heading-btn btn-modal"><span class="icon-envelope"></span> Buat Surat Pengajuan</button>
                </div> -->
            </div>
            
            <div class="panel-body">

                <div class="tabbable">
                    <ul class="nav nav-tabs">
                        <li class="active"><a href="#basic-tab1" data-toggle="tab">Semua Pengajuan</a></li>
                        <li><a href="#basic-tab2" data-toggle="tab">Pengajuan Ditolak</a></li>
                        <!-- <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
                            <ul class="dropdown-menu dropdown-menu-right">
                                <li><a href="#basic-tab3" data-toggle="tab">Dropdown tab</a></li>
                                <li><a href="#basic-tab4" data-toggle="tab">Another tab</a></li>
                            </ul>
                        </li> -->
                    </ul>

                    <div class="tab-content">
                        <div class="tab-pane active" id="basic-tab1">
                            <div class="table-responsive">
                                <table class="table data-list table-stripped table-lg datatable-dom-position table-hover" id="list_pengajuan">
                                    <thead>
                                        <tr>
                                            <th scope="col" class="text-center text-muted" style="width: 30px;">#No</th> 
                                            <th>Nama Mahasiswa</th>
                                            <th>Nama Prodi</th>
                                            <th>Nama Perusahaan</th>
                                            <th>Alamat Perusahaan</th>
                                            <th>Penerima Surat</th>
                                            <th>Status</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>

                        <div class="tab-pane" id="basic-tab2">
                            <div class="table-responsive">
                                <table class="table data-list table-stripped table-lg datatable-dom-position table-hover" id="list_pengajuan_ditolak">
                                    <thead>
                                        <tr>
                                            <th scope="col" class="text-center text-muted" style="width: 30px;">#No</th> 
                                            <th>Nama Mahasiswa</th>
                                            <th>Nama Prodi</th>
                                            <th>Nama Perusahaan</th>
                                            <th>Alamat Perusahaan</th>
                                            <th>Penerima Surat</th>
                                            <th>Status</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>

                    </div>
                </div>
                
                <!-- <div class="table-responsive">
                    <table class="table data-list table-stripped table-lg datatable-dom-position table-hover" id="list_pengajuan">
                        <thead>
                            <tr>
                                <th scope="col" class="text-center text-muted" style="width: 30px;">#No</th> 
                                <th>Nama Mahasiswa</th>
                                <th>Nama Prodi</th>
                                <th>Nama Perusahaan</th>
                                <th>Alamat Perusahaan</th>
                                <th>Penerima Surat</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                    </table>
                </div> -->
            </div>
        </div>

        <!-- <div class="panel panel-white">
            <div class="panel-heading">
                <h6 class="panel-title text-semibold">Review Persetujuan Perusahaan </h6>
                <div class="heading-elements">
                    <button type="button" class="btn btn-primary heading-btn btn-modal"><span class="icon-envelope"></span> Buat Surat Pengajuan</button>
                </div>
            </div>
            
            <div class="panel-body">
                
                <div class="table-responsive">
                    <table class="table data-list table-stripped table-lg datatable-dom-position table-hover" id="list_review">
                        <thead>
                            <tr>
                                <th scope="col" class="text-center text-muted" style="width: 30px;">#No</th> 
                                <th>Nama Mahasiswa</th>
                                <th>Nama Perusahaan</th>
                                <th>Alamat Perusahaan</th>
                                <th>Penerima Surat</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div> -->
    </div>
</div>

<!-- modal add -->
<div id="modal-add" class="modal fade" data-keyboard="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title">Pengajuan Perusahaan</h6>
            </div>

            <div class="modal-body">
                <input id="nim_mhs" value="<?php echo $this->nim;?>" type="hidden" class="form-control" placeholder="Nama Perusahaan..">
                <div class="form-group">
                    <label>Nama Perusahaan:</label>
                    <input id="nama_perusahaan" value="" type="text" class="form-control" placeholder="Nama Perusahaan..">
                </div>

                <div class="form-group">
                    <label>Penerima Surat:</label>
                    <input id="penerima_surat" type="text" class="form-control" placeholder="Nama Penerima surat..">
                </div>

                <div class="form-group">
                    <label>Nomor Telepon Perusahaan:</label>
                    <input id="telp_perusahaan"type="text" class="form-control" placeholder="No Telepon Perusahaan..">
                </div>

                <div class="form-group">
                    <label class="control-label text-semibold">Tanggal :</label>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="icon-calendar22"></i></span>
                                <input id="tanggalAwal"type="text" class="form-control pickadate" placeholder="Tanggal Mulai&hellip;" value="">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="icon-calendar22"></i></span>
                                <input id="tanggalAkhir"type="text" class="form-control pickadate" placeholder="Tanggal Berhenti&hellip;" value="">
                            </div>
                        </div>
                    </div>
                    
                </div>

                <div class="form-group">
                    <label>Alamat Perusahaan:</label>
                    <textarea id="alamat_perusahaan" rows="5" cols="5" class="form-control" placeholder="Alamat Perusahaan"></textarea>
                </div>

            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
                <button id="submitpengajuan" type="button" class="btn btn-primary">Submit</button>
            </div>
        </div>
    </div>
</div>

<!-- modal add -->
<div id="modal-review" class="modal fade" data-keyboard="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title">Review Perusahaan</h6>
            </div>

            <div class="modal-body modalbodys">
                <input id="nim_mhs" value="" type="text" class="form-control" placeholder="Nama Perusahaan..">
                
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
                <button id="notvalid" name="validate" value="105" type="button" class="btn btn-danger hidden">Tidak Valid</button>
                <button id="valid" name="validate" value="105" type="button" class="btn btn-primary hidden">Valid</button>
            </div>
        </div>
    </div>
</div>

<!-- modal konfirmasi -->
<div id="modal-conf" class="modal fade" data-keyboard="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title">Form Konfirmasi Perusahaan</h6>
            </div>

            <div class="modal-body">
                <form action="#">
                    <div class="panel panel-flat">
                        <!-- <div class="panel-heading">
                            <h5 class="panel-title">Advanced legend</h5>
                            <div class="heading-elements">
                                <ul class="icons-list">
                                    <li><a data-action="collapse"></a></li>
                                    <li><a data-action="reload"></a></li>
                                    <li><a data-action="close"></a></li>
                                </ul>
                            </div>
                        </div> -->

                        <div class="panel-body" >
                            <!-- <div class="form-group">
                                <label class="display-block text-semibold">Diterima di perusahaan yang di ajukan?</label>

                                <label class="radio-inline">
                                    <input value="101" type="radio" name="konfirmasi" class="styled" checked="checked">
                                    ya
                                </label>

                                <label class="radio-inline">
                                    <input value="102"type="radio" name="konfirmasi" class="styled">
                                    tidak
                                </label>
                            </div> -->
                            <fieldset>
                                <legend class="text-semibold">
                                    <i class="icon-file-text2 position-left"></i>
                                    List Mahasiswa  
                                    <a class="control-arrow" data-toggle="collapse" data-target="#demo2">
                                        <i class="icon-circle-down2"></i>
                                    </a>
                                </legend>

                                <div class="collapse in" id="demo2">


                                    <div class="form-group pt-15" id='checkboxcontainer'>
										<!-- <label class="display-block text-semibold" >Mahasiswa Diterima
                                            <label style="float:right" class="text-semibold" for="">all 
                                                <input onclick="" type="checkbox" class="styled" name="all">
                                            </label> 
                                        </label>
                                        <hr style="margin: 5px">
										<div class="checkbox checkbox-right">
											<label class="text-semibold">
												<input type="checkbox" class="styled" value="1" name="mhsw[]">
												1. 3411171119 / Reynaldi Adriantama
											</label>
										</div>

                                        <div class="checkbox checkbox-right">
											<label class="text-semibold">
												<input type="checkbox" class="styled" value="2" name="mhsw[]">
												2. 3411171119 / Reynaldi Adriantama
											</label>
										</div>

                                        <div class="checkbox checkbox-right">
											<label class="text-semibold">
												<input type="checkbox" class="styled" value="3" name="mhsw[]">
												3. 3411171119 / Reynaldi Adriantama
											</label>
										</div>
										<hr style="margin: 5px">
                                        <code style="margin-top: -20px; text-align: justify">*pilih mahasiswa yang diterima di perusahaan, jika tidak ada mahasiswa yang diterima biarkan checkbox kosong kemudian klik submit agar mahasiswa dapat membuat pengajuan ke perusahaan lain.</code>  -->
									</div>
                                </div>
                            </fieldset>

                            <fieldset>
                                <legend class="text-semibold">
                                    <i class="icon-file-text2 position-left"></i>
                                    Konfirmasi Perusahaan
                                    <a class="control-arrow" data-toggle="collapse" data-target="#demo1">
                                        <i class="icon-circle-down2"></i>
                                    </a>
                                </legend>

                                <div class="collapse out" id="demo1">
                                    <!-- <div class="form-group">
                                        <label>No referensi:</label>
                                        <input id="noref" type="text" class="form-control" placeholder="No Referensi perusahaan...">
                                    </div> -->
                                    <!-- <div class="form-group">
                                        <label>Identitas Mahasiswa</label>
                                        <input id="nimnama" type="text" class="form-control" placeholder="Nama perusahaan.." disabled>
                                    </div> -->

                                    <!-- <div class="form-group pt-15">
										<label class="display-block text-semibold" >Mahasiswa Diterima<label style="float:right" class="text-semibold" for="">all <input type="checkbox" class="styled"></label> </label>
                                        <hr style="margin: 5px">
										<div class="checkbox checkbox-right">
											<label class="text-semibold">
												<input type="checkbox" class="styled">
												1. 3411171119 / Reynaldi Adriantama
											</label>
										</div>

                                        <div class="checkbox checkbox-right">
											<label class="text-semibold">
												<input type="checkbox" class="styled">
												2. 3411171119 / Reynaldi Adriantama
											</label>
										</div>

                                        <div class="checkbox checkbox-right">
											<label class="text-semibold">
												<input type="checkbox" class="styled">
												3. 3411171119 / Reynaldi Adriantama
											</label>
										</div>

										<hr style="margin: 5px">
									</div> -->

                                    <div class="form-group">
                                        <label class="text-semibold">Nama perusahaan:</label>
                                        <input id="namaper" type="text" class="form-control" placeholder="Nama perusahaan.." disabled>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label ">Tanggal Kerja Praktik:</label>
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="input-group">
                                                    <span class="input-group-addon"><i class="icon-calendar22"></i></span>
                                                    <input id="tanggalAwalconf"type="text" class="form-control pickadate" placeholder="Tanggal Mulai&hellip;" value="">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="input-group">
                                                    <span class="input-group-addon"><i class="icon-calendar22"></i></span>
                                                    <input id="tanggalAkhirconf"type="text" class="form-control pickadate" placeholder="Tanggal Berhenti&hellip;" value="">
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="text-semibold">Bukti konfirmasi:</label>
                                        <input id="file" type="file" class="file-styled">
                                        <span class="help-block">Upload formulir jawaban penerimaan Kerja praktik</span>
                                    </div>
                                </div>
                            </fieldset>

                        </div>
                    </div>
                </form>
                <div class="alert alert-info alert-styled-left alert-bordered alertno">
                    <button type="button" class="close" data-dismiss="alert"></button>
                    <span class="text-semibold">Pemberitahuan!</span> Jika tidak diterima di perusahaan silahkan klik submit, untuk dapat mengajukan surat ke perusahaan lain.
                </div>
                <input id="nim" type="hidden" class="form-control" placeholder="Nama Perusahaan.."> 
                <input type="hidden" id="tglawalh">
                <input type="hidden" id="tglakhirh">
                <input type="hidden" id="createdh">
                
            </div>
            <hr id="hr">
            <div class="modal-footer">
                <button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
                <button id="submitconf" type="button" class="btn btn-primary">Submit</button>
            </div>
        </div>
    </div>
</div>

<div id="modal-generate" class="modal fade" data-keyboard="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title">Generate Surat</h6>
            </div>

            <div class="modal-body">
                <input id="nimgen" value="" type="hidden" class="form-control" placeholder="Nama Perusahaan..">
                <input id="namapergen" value="" type="hidden" class="form-control" placeholder="Nama Perusahaan..">
                <input id="idpengajuan" value="" type="hidden" class="form-control" placeholder="Nama Perusahaan..">
                <input id="tglawal" type="hidden">
                <input id="tglakhir" type="hidden">

                <div class="form-group">
                    <label>Nomor Surat:</label>
                    <input id="nosurat" type="text" class="form-control" placeholder="Input Nomor Surat..." >
                </div>

                <div class="form-group">
                    <label>Tembusan:</label>
                    <input id="tembusaninp" type="text" class="form-control" placeholder="Input Tembusan Surat..." >

                </div>

                <div id="tembusanExt">
                    
                </div>

                <a href="" id="addTembusan">Tambah tembusan</a>
                
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
                
                <button id="btn-mgenerate" name="validate" value="105" type="button" class="btn btn-primary">Generate Surat</button>
            </div>
        </div>
    </div>
</div>

<div id="modal-edit" class="modal fade" data-keyboard="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title">Form Edit Surat Pengajuan</h6>
            </div>

            <div class="modal-body">
                <form action="#">
                    <div class="panel panel-flat">
                        <div class="panel-body" >
                        <fieldset>
                                <legend class="text-semibold">
                                    <i class="icon-file-text2 position-left"></i>
                                    Data Perusahaan
                                    <a class="control-arrow" data-toggle="collapse" data-target="#demoss">
                                        <i class="icon-circle-down2"></i>
                                    </a>
                                </legend>

                                <div class="collapse in" id="demoss">
                                    <div class="form-group">
                                        <label class="text-semibold">Nama perusahaan:</label>
                                        <input id="namaperedt" type="text" class="form-control" placeholder="Nama perusahaan.." disabled>
                                    </div>

                                    <div class="form-group">
                                        <label class="text-semibold">Alamat Perusahaan:</label>
                                        <input id="alamatedt" type="text" class="form-control" placeholder="Alamat perusahaan.." >
                                    </div>

                                    <div class="form-group">
                                        <label class="text-semibold">Kode Pos:</label>
                                        <input id="posedt" type="text" class="form-control" placeholder="Kode pos.." >
                                    </div>

                                    <div class="form-group">
                                        <label class="text-semibold">Penerima Surat:</label>
                                        <input id="penerimaedt" type="text" class="form-control" placeholder="Nama penerima perusahaan.." >
                                    </div>

                                    <div class="form-group">
                                        <label class="text-semibold">Divisi/Bagian Penerima Surat:</label>
                                        <input id="divisiedt" type="text" class="form-control" placeholder="Divisi Penerima.." >
                                    </div>

                                    <div class="form-group">
                                        <label class="text-semibold">Tembusan Surat:</label>
                                        <input id="tembusanedt" type="text" class="form-control" placeholder="Tembusan Surat.." >
                                    </div>

                                </div>
                            </fieldset>
                            <fieldset>
                                <legend class="text-semibold">
                                    <i class="icon-file-text2 position-left"></i>
                                    List Mahasiswa  
                                    <a class="control-arrow" data-toggle="collapse" data-target="#demos">
                                        <i class="icon-circle-down2"></i>
                                    </a>
                                </legend>

                                <div class="collapse in" id="demos">
                                    <div class="form-group pt-15" id='checkboxcontainers'>
										
									</div>
                                </div>
                            </fieldset>
                        </div>
                    </div>
                </form>
                <div class="alert alert-info alert-styled-left alert-bordered alertno">
                    <button type="button" class="close" data-dismiss="alert"></button>
                    <span class="text-semibold">Pemberitahuan!</span> Jika tidak diterima di perusahaan silahkan klik submit, untuk dapat mengajukan surat ke perusahaan lain.
                </div>
                <input id="nimedt" type="hidden" class="form-control" placeholder="Nama Perusahaan.."> 
                <input type="hidden" id="tglawalh">
                <input type="hidden" id="tglakhirh">
                <input type="hidden" id="createdh">
                <input type="hidden" id="idpengajuanedt">
            </div>
            <hr id="hr">
            <div class="modal-footer">
                <button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
                <button id="submitedt" type="button" class="btn btn-primary">Submit</button>
            </div>
        </div>
    </div>
</div>