<div class="wrapper wrapper-content animated fadeInRight">
	<div class="row">
		<div class="col-lg-12">
			<div class="ibox float-e-margins">
				<div class="ibox-content">
					<div class="tabs-container">
						<ul class="nav nav-tabs">
							<li class="active"><a data-toggle="tab" href="#tab-process"> Process</a></li>
							<li class=""><a data-toggle="tab" href="#tab-report"> Report</a></li>
						</ul>
						<div class="tab-content">
							<div id="tab-process" class="tab-pane active">
								<div class="panel-body">

                                    <div class="row">
                                        <div class="filter-content" style="">
                                            <form autocomplete="off" method="post" id="form_filter_process" class="form-horizontal">
                                                <div class="row">
                                                    <div class="col-sm-12">
                                                        <div class="col-sm-8">
                                                            <br>
                                                            <div class="form-group" id="daterange">
                                                                <label class="col-sm-2">Tanggal</label>
                                                                <div class="input-daterange input-group col-sm-4" id="datepicker">
                                                                    <input id="filter_date_start_process" type="text" class="input-sm form-control" name="t_filter_date_start_process" value="01<?= date('-m-Y') ?>" />
                                                                    <span class="input-group-addon">to</span>
                                                                    <input id="filter_date_end_process" type="text" class="input-sm form-control" name="t_filter_date_end_process" value="<?= date('d-m-Y') ?>" />
                                                                </div>
                                                            </div>
                                                            <div class="form-group">
                                                                <label class="col-sm-2">Vendor</label>
                                                                <div class=" input-group col-sm-4">
                                                                    <input type="text" class="form-control" id="filter_vendor_process" name="t_filter_vendor_process" value="">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-4">
                                                            <div class="row">
                                                                <div class="col-sm-4"><h5>Total Berat Kotor</h5></div>
                                                                <div class="col-sm-1"><h5>:</h5></div>
                                                                <div class="col-sm-3" style="text-align:right;"><h5>999.999.999</h5></div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-4"><h5>Total Berat Kosong</h5></div>
                                                                <div class="col-sm-1"><h5>:</h5></div>
                                                                <div class="col-sm-3" style="text-align:right;"><h5>999.999</h5></div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-4"><h5>Total Berat Bersih</h5></div>
                                                                <div class="col-sm-1"><h5>:</h5></div>
                                                                <div class="col-sm-3" style="text-align:right;"><h5>999.999.999</h5></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-6">
                                                        <div class="form-group">
                                                            <div class="col-sm-2 col-sm-offset-3">
                                                                <button class="btn btn-success btn-sm browseBtn pull-left" type="submit"><i class="fa fa-eye"></i> View</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div id="resultCoalgetProcess"></div>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="row">
                                                <div class="col-sm-8"></div>
                                                <div class="col-sm-2">
                                                    <button class="btn btn-danger btn-sm btn-block backBtn pull-left" type="submit"><i class="fa fa-arrow-circle-left"></i> Close</button>
                                                </div>
                                                <div class="col-sm-2">
                                                    <button class="btn btn-primary btn-sm btn-block saveBtn pull-right" type="submit"><i class="fa fa-send"></i> Process Recap</button>
                                                </div>
                                                
                                            </div>
                                        </div>
                                    </div>
                                    <!-- <div id="resultCoalgetProcess"></div> -->
								</div>
							</div>
							<div id="tab-report" class="tab-pane">
								<div class="panel-body">

                                    <div class="row">
                                        <div class="filter-content" style="">
                                            <form autocomplete="off" method="post" id="form_filter_report" class="form-horizontal">
                                                <div class="row">
                                                    <div class="col-sm-12">
                                                        <div class="col-sm-8">
                                                            <br>
                                                            <div class="form-group" id="daterange">
                                                                <label class="col-sm-2">Tanggal</label>
                                                                <div class="input-daterange input-group col-sm-4" id="datepicker">
                                                                    <input id="filter_date_start_report" type="text" class="input-sm form-control" name="t_filter_date_start_report" value="01<?= date('-m-Y') ?>" />
                                                                    <span class="input-group-addon">to</span>
                                                                    <input id="filter_date_end_report" type="text" class="input-sm form-control" name="t_filter_date_end_report" value="<?= date('d-m-Y') ?>" />
                                                                </div>
                                                            </div>
                                                            <div class="form-group">
                                                                <label class="col-sm-2">Vendor</label>
                                                                <div class=" input-group col-sm-4">
                                                                    <input type="text" class="form-control" id="filter_vendor_report" name="t_filter_vendor_report" value="">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-6">
                                                        <div class="form-group">
                                                            <div class="col-sm-2 col-sm-offset-3">
                                                                <button class="btn btn-success btn-sm browseBtn pull-left" type="submit"><i class="fa fa-eye"></i> View</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div id="resultCoalgetReport"></div> 
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="row">
                                                <div class="col-sm-10"></div>
                                                <div class="col-sm-2">
                                                    <button class="btn btn-danger btn-sm btn-block backBtn pull-left" type="submit"><i class="fa fa-arrow-circle-left"></i> Close</button>
                                                </div>
                                                
                                            </div>
                                        </div>
                                    </div>
                                    <!-- <div id="resultCoalgetReport"></div> -->
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
</div>
<script>
    $(document).ready(function(){
        loadCoalgetProcess();
        loadCoalgetReport();
    });

    function loadCoalgetProcess(){
        $.ajax({
            url: site_url + "coalgetting/coal_getting_recap/load_coalget_process",
            dataType: "html",
            type: "POST",
            data: {
                // ...params
            },
            success: function(result) {
                $('#resultCoalgetProcess').html(result);                
            }
        })
    };

    function loadCoalgetReport(){
        $.ajax({
            url: site_url + "coalgetting/coal_getting_recap/load_coalget_report",
            dataType: "html",
            type: "POST",
            data: {
                // ...params
            },
            success: function(result) {
                $('#resultCoalgetReport').html(result);                
            }
        })
    };
</script>