<style>
    /* .no{
        max-width: 5px;
    } */
    /* input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
} */

/* Firefox */
/* input[type=number] {
  -moz-appearance: textfield;
} */
    input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button {  

    opacity: 1;

    }
 
    input{
        width: 80px;
    }
    .btn-xs{
        padding: 2px 8px;
    }

    .no, td{
        /* width: 10px */
        /* align: center; */
    }

    .nilai{
        text-align: center;
        font-size: 20px;
        font-weight: 500;
    }

    .col5{
        text-align: center;
    }

    #textr{
        text-align: right;
    }

    #newBobot > span{
        margin-left: 10px;
        margin-right: 10px:
    }

    .panel-flat > .panel-heading {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #fff;

    }
    .modal-header{
        color: white;
        background-color:#263238;
        padding-bottom: 20px;
    }

    .noborder {
        border: none !important;
        border-color: transparent !important;
    }
}
</style>
<div class="content-wrapper">
    <div class="content">
        <div class="page-header-content">
            <div class="page-title">
                <h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold">Admin Pages</span> - Setting Bobot</h4>

                <ul class="breadcrumb position-right">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="user_pages_profile.html">Penilaian</a></li>
                    <li class="active">Setting Bobot</li>
                </ul>
           </div> 
        </div>

        <!-- <div class="row justify-content-center">
            <div class="col-lg-4">
                Today's revenue
                <div class="panel bg-blue-400">
                    <div class="panel-body">
                        <div class="heading-elements">
                            <ul class="icons-list">
                                <li><a data-action="reload"></a></li>
                            </ul>
                        </div>

                        <h1 class="no-margin">STATUS BOBOT</h1>
                        Today's revenue
                        <div class="text-muted text-size-small">$37,578 avg</div>
                        </div>
    
                    <div id="today-revenue"></div>
                </div>
                /today's revenue
            </div>
        </div> -->

        <div class="panel panel-white">
            <div class="panel-heading">
                <h6 class="panel-title text-semibold">Setting Bobot Penilaian</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="addPopUp"><a >Tambah Bobot</a></li>
                                <li id="deletePopUp"><a >Hapus Bobot</a></li>
                                <!-- <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">One more separated line</a></li> -->
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            
            <div class="panel-body">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th >Penilaian</th>
                                <th style="width: 10px" class="no">No</th>
                                <th>Nama Nilai</th>
                                <th class="text-center">Bobot Saat Ini</th>
                                <th >Set Bobot</th>
                            </tr>
                        </thead>
                        <tbody>
                            
                            
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        
    </div>
</div>

<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">Tambah Bobot Penilaian</h6>
            </div>

            <div class="modal-body">
                <form class="form-horizontal" action="#">
                    
                    <legend class="text-bold">Input Bobot Penilaian Baru</legend>

                    <div class="form-group">
                        <label class="control-label col-lg-2">Nama Bobot</label>
                        <div class="col-lg-10">
                            <div class="input-group input-group">
                                <span class="input-group-addon"><i class="icon-menu6"></i></span>
                                <input id="namaBobot" type="text" class="form-control" placeholder="Masukkan nama bobot...">
                            </div>
                        </div>
                    </div>                  
                    
                    <div class="form-group">
                        <label class="control-label col-lg-2">Penilaian</label>

                        <div class="col-lg-10">
                            <div class="input-group">
                                <div class="input-group-addon">
                                    <i class="icon-pencil4"></i>
                                </div>

                                <select id="jenisBobot" data-title="Pilih jenis nilai..." class="bootstrap-select" data-width="100%">
                                    <option value="81">Perusahaan</option>
                                    <option value="82">Penguji</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-lg-2">Nama Bobot</label>
                        <div class="col-lg-10">
                            <div class="input-group input-group">
                                <span class="input-group-addon"><i class=" icon-calculator"></i></span>
                                <input id="jumBobot" type="number" min="0.05" max="1" step="0.05" class="form-control" placeholder="Masukkan bobot penilaian...">
                            </div>
                        </div>
                    </div> 
                    
                </form>
            </div>

         

            <div class="modal-footer">
                <button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
                <span onclick="savebobot()" type="button" class="btn btn-primary">Submit</span>
            </div>
        </div>
    </div>
</div>

<div id="modal-delete" class="modal fade" data-keyboard="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title">Hapus Bobot Penilaian</h6>
            </div>
            
            <div class="modal-body">
                <div class="col-lg-12">
                <legend class="text-bold">
                    <div class="row">
                        <div class="text-right" style="float: right; margin-right: 30px">
                            Hapus
                        </div>
                        <div class="text-left" style="float: left; margin-left: 10px">
                            Nama Bobot
                        </div>
                    </div>
                </legend>
                    <div class="form-group" id="isDelete">
                        
                        
                        
                    </div>
                </div>
            </div>
            <!-- <hr> -->
            <div class="modal-footer">
                <button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
                <span id="btndelete" type="button" class="btn btn-danger">Hapus Data</span>
            </div>
        </div>
    </div>
</div>

