<commit_before><!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>E-Contract</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
  <!-- DataTables -->
  <link rel="stylesheet" href="../../plugins/datatables/dataTables.bootstrap.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<!-- ADD THE CLASS fixed TO GET A FIXED HEADER AND SIDEBAR LAYOUT -->
<!-- the fixed layout is not compatible with sidebar-mini -->
<body class="hold-transition skin-red fixed sidebar-mini">
<!-- Site wrapper -->
<div class="wrapper">

  <?php include "p1header.php" ?>

  <!-- =============================================== -->

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Contract Order
        <small>Approve </small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-list"></i> Home</a></li>
        <li><a href="p2a.php">Contract</a></li>
        <li><a href="#">CA-17001</a></li>
        <li class="active"><a href="p2a.php">Approve </a></li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-md-12">
          <form class="form-horizontal">
            <!-- box bidder list -->
            <div class="box box-success">
              <div class="box-header">
                <h3 class="box-title">Informasi Kontrak</h3>
              </div>
              <!-- /.box-header -->
              <div class="box-body ">
                <div class="row">
                  <div class="col-md-6">
                    <dl>
                      <dt>Nomor Kontrak</dt>
                      <dd>CA-17001</dd> <br>
                      <dt>Judul Pekerjaan</dt>
                      <dd>Jasa Pemborongan Pekerjaan Pembuangan Sampah, Drum Bekas, Pemeliharaan Taman dan Kebersihan Lingkungan di Area Zone-I & II di PT Badak NGL Bontang, Paket “B” Tahun 2017” </dd> <br>
                      <dt>Jenis Kontrak</dt>
                      <dd>Lump Sum (LS), Harga Satuan (HS), Gabungan LS & HS </dd> <br>
                      <dt>Harga Kontrak <span class="small"><i>(Termasuk PPN 10%)</i></span></dt>
                      <dd>Rp. 400.000.000,- </dd> <br>
                      <dt>Durasi Kontrak</dt>
                      <dd>Durasi : 4 Bulan</dd>
                      <dd>Mulai : 17 September 2016 </dd>
                      <dd>Selesai : 10 Januari 2017 </dd> <br>
                    </dl>

                  </div>
                  <!-- ./col kiri -->
                  <div class="col-md-6">
                    <div class="box box-success">
                      <div class="box-body">
                        <p class="text-muted well well-sm no-shadow" style="margin-top: 10px;">
                          Untuk melakukan proses Approve , Anda wajib menyertakan Alasan Approve pada kolom berikut.
                        </p>
                        <div class="col-md-12">

                          <div class="form-group">
                            <label>Alasan Approve  :</label>
                            <textarea class="form-control" rows="5" placeholder="Enter . . ." style="resize:none" required></textarea>
                          </div>
                          <!-- <div class="form-group">
                            <label>Dokumen Pendukung Proses Approve :</label>
                            <input type="file" id="inputFile" multiple required>
                          </div> -->

                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- ./col kanan -->
                </div>
                <!-- ./row box-body -->
              </div>
              <!-- /.box-body -->
              <div class="box-footer">

                <button type="button" class="btn btn-success pull-right btn-sm" style="margin-right: 5px;" data-toggle="modal" data-target="#ApproveModal">
                <span class="fa fa-check"></span> Approve
                </button>

                <div id="ApproveModal" class="modal ">
                  <div class="modal-dialog">
                    <div class="modal-content">
                      <div class="modal-header bg-green">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                          <span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title">Do you want to Approve ?</h4>
                      </div>
                      <div class="modal-body">
                        <p>Proses ini akan menyetujui Contract Order yang berkaitan dengan Dokumen ini.</p>
                        <p>Proses ini akan mengirimkan notifikasi kepada :</p>
                        <li>Contract Organisator</li>
                        <li>Contract Engineer</li>
                        <li>Lead Contract Engineer</li>
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn pull-left" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-success">Yes, Approve  Now!</button>
                      </div>
                    </div>
                      <!-- /.modal-content -->
                  </div>
                </div>

                <!-- <a href="p3.php">
                  <button type="button" class="btn btn-default pull-right" style="margin-right: 5px;">
                    Back
                  </button>
                </a> -->
              </div>
            </div>
            <!-- /.box -->
          </form>
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content --><commit_msg>update approver<commit_after><!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>E-Contract</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
  <!-- DataTables -->
  <link rel="stylesheet" href="../../plugins/datatables/dataTables.bootstrap.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<!-- ADD THE CLASS fixed TO GET A FIXED HEADER AND SIDEBAR LAYOUT -->
<!-- the fixed layout is not compatible with sidebar-mini -->
<body class="hold-transition skin-red fixed sidebar-mini">
<!-- Site wrapper -->
<div class="wrapper">

  <?php include "p1header.php" ?>

  <!-- =============================================== -->

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Contract Order
        <small>Approve </small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-list"></i> Home</a></li>
        <li><a href="p2a.php">Contract</a></li>
        <li><a href="#">CA-17001</a></li>
        <li class="active"><a href="p2a.php">Approve </a></li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-md-12">
          <form class="form-horizontal">
            <!-- box bidder list -->
            <div class="box box-success">
              <div class="box-header">
                <h3 class="box-title">Informasi Kontrak</h3>
              </div>
              <!-- /.box-header -->
              <div class="box-body ">
                <div class="row">
                  <div class="col-md-6">
                    <dl>
                      <dt>Nomor Kontrak</dt>
                      <dd>CA-17001</dd> <br>
                      <dt>Judul Pekerjaan</dt>
                      <dd>Jasa Pemborongan Pekerjaan Pembuangan Sampah, Drum Bekas, Pemeliharaan Taman dan Kebersihan Lingkungan di Area Zone-I & II di PT Badak NGL Bontang, Paket “B” Tahun 2017” </dd> <br>
                      <dt>Jenis Kontrak</dt>
                      <dd>Lump Sum (LS), Harga Satuan (HS), Gabungan LS & HS </dd> <br>
                      <dt>Harga Kontrak <span class="small"><i>(Termasuk PPN 10%)</i></span></dt>
                      <dd>Rp. 400.000.000,- </dd> <br>
                      <dt>Durasi Kontrak</dt>
                      <dd>Durasi : 4 Bulan</dd>
                      <dd>Mulai : 17 September 2016 </dd>
                      <dd>Selesai : 10 Januari 2017 </dd> <br>
                    </dl>

                  </div>
                  <!-- ./col kiri -->
                  <div class="col-md-6">
                    <div class="box box-success">
                      <div class="box-body">
                        <p class="text-muted well well-sm no-shadow" style="margin-top: 10px;">
                          Untuk melakukan proses Approve , Anda wajib menyertakan Alasan Approve pada kolom berikut.
                        </p>
                        <div class="col-md-12">

                          <div class="form-group">
                            <label>Alasan Approve  :</label>
                            <textarea class="form-control" rows="5" placeholder="Enter . . ." style="resize:none" required></textarea>
                          </div>
                          <!-- <div class="form-group">
                            <label>Dokumen Pendukung Proses Approve :</label>
                            <input type="file" id="inputFile" multiple required>
                          </div> -->

                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- ./col kanan -->
                </div>
                <!-- ./row box-body -->
              </div>
              <!-- /.box-body -->
              <div class="box-footer">

                <button type="button" class="btn btn-success pull-right btn-sm" style="margin-right: 5px;" data-toggle="modal" data-target="#ApproveModal">
                <span class="fa fa-check"></span> Approve
                </button>

                <button type="button" class="btn btn-warning   pull-right btn-sm" style="margin-right: 5px;" data-toggle="modal" data-target="#ApproveModal">
                <span class="fa fa-check"></span> Reject
                </button>

                <button type="button" class="btn btn-default btn-sm" style="margin-right: 5px;" data-toggle="modal" data-target="#ApproveModal">
                <span class="fa fa-check"></span> Print
                </button>

                <div id="ApproveModal" class="modal ">
                  <div class="modal-dialog">
                    <div class="modal-content">
                      <div class="modal-header bg-green">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                          <span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title">Do you want to Approve ?</h4>
                      </div>
                      <div class="modal-body">
                        <p>Proses ini akan menyetujui Contract Order yang berkaitan dengan Dokumen ini.</p>
                        <p>Proses ini akan mengirimkan notifikasi kepada :</p>
                        <li>Contract Organisator</li>
                        <li>Contract Engineer</li>
                        <li>Lead Contract Engineer</li>
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn pull-left" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-success">Yes, Approve  Now!</button>
                      </div>
                    </div>
                      <!-- /.modal-content -->
                  </div>
                </div>

                <!-- <a href="p3.php">
                  <button type="button" class="btn btn-default pull-right" style="margin-right: 5px;">
                    Back
                  </button>
                </a> -->
              </div>
            </div>
            <!-- /.box -->
          </form>
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->

      <div class="row">
        <div class="col-md-12">
          <div class="box box-info">
            <div class="box-header">
              <h3 class="box-title">Approver</h3>
            </div>
            <div class="box-body">
              <div class="col-md-12">
                <div class="col-md-2 col-xs-2 col-md-offset-1 col-xs-offset-1">
                  <div class="panel panel-success">
                    <div class="panel-heading"><h5 style="margin: 0">Approver 1 <i class="fa fa-check pull-right"></i></h5></div>
                    <div class="panel-body">
                      <strong><NAME></strong>
                    </div>
                  </div>
                </div>
                <!-- /.col -->
                <div class="col-md-2 col-xs-2">
                  <div class="panel panel-success">
                    <div class="panel-heading"><h5 style="margin: 0">Approver 2 <i class="fa fa-check pull-right"></i></h5></div>
                    <div class="panel-body">
                      <strong><NAME></strong>
                    </div>
                  </div>
                </div>
                <!-- /.col -->
                <div class="col-md-2 col-xs-2">
                  <div class="panel panel-success">
                    <div class="panel-heading"><h5 style="margin: 0">Approver 3 <i class="fa fa-check pull-right"></i></h5></div>
                    <div class="panel-body">
                      <strong><NAME></strong>
                    </div>
                  </div>
                </div>
                <!-- /.col -->
                <div class="col-md-2 col-xs-2">
                  <div class="panel panel-default">
                    <div class="panel-heading"><h5 style="margin: 0">Approver 4 <i class="fa fa-clock-o pull-right"></i></h5></div>
                    <div class="panel-body">
                      <strong><NAME></strong>
                    </div>
                  </div>
                </div>
                <!-- /.col -->
                <div class="col-md-2 col-xs-2">
                  <div class="panel panel-default">
                    <div class="panel-heading"><h5 style="margin: 0">Approver 5 <i class="fa fa-clock-o pull-right"></i></h5></div>
                    <div class="panel-body">
                      <strong><NAME></strong>
                    </div>
                  </div>
                </div>
                <!-- /.col -->
              </div>
              <!-- /. col approver -->
            </div>
            <!-- /.box body -->
            <div class="box-footer no-print">
              
            </div>
            <!-- /.box footer -->
          </div>
          <!-- /. box -->
        </div>
        <!-- /.col box -->
      </div>
      <!-- ./row approver -->
    </section>
    <!-- /.content -->
{'fraction_non_alphanumeric': 0.1717674284061325, 'fraction_numerical': 0.01191784784495227, 'mean_word_length': 1.377062706270627, 'pattern_counts': {'":': 0, '<': 509, '<?xml version=': 0, '>': 509, 'https://': 8, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6586923', 'n_tokens_mistral': 5216, 'n_tokens_neox': 4794, 'n_words': 1082}