@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <div class="x_panel">
                        <div class="row">
                            <div class="col-xs-12 col-sm-8">
                                <h3>Price LM List</h3>
                            </div>
                            <div class="col-xs-12 col-sm-4 text-right">
                                <a type="button" class="btn btn-success" href="{{ url('download/import_price_lm_template.xlsx') }}" class="btn btn-success"><i class="fa fa-file-excel-o" aria-hidden="true"></i> Download Template</a>
                                <a type="button" class="btn btn-primary" href="{{ url('butik/sell/price_lm/import_view') }}"><i class="fa fa-upload"></i> Upload Data</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="row">                
                <div class="col-xs-12">
                    <div class="x_panel">                        
                        <div class="x_content">
                            <form id="form-search" class="form-horizontal">
                                <div class="col-xs-12 col-sm-12">
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label">Created By :</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <input type="text" class="form-control" name="created_by" id="created_by" placeholder="Created By">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label">Pilih Tanggal :</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <input type="text" class="form-control date_format" name="date" id="date" placeholder="Tanggal">
                                        </div>
                                    </div>
                                    <div class="form-group" style="margin-top:20px">
                                        <label class="col-xs-12 col-sm-3 control-label"></label>
                                        <div class="col-xs-12 col-sm-9">
                                            <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> Search</button>
                                            <button type="button" class="btn btn-warning" id="reset_btn"><i class="fa fa-trash"></i> Reset</button>
                                        </div>
                                    </div>
                                </div>
                            </form>  
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">                
                <div class="col-xs-12">
                    <div class="x_panel">                        
                        <div class="x_content">
                            <table id="table" class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th>No.</th>
                                        <th>Gram</th>
                                        <th>Certieye</th>
                                        <th>Certieye NPWP</th>
                                        <th>Certieye NONPWP</th>
                                        <th>Retro</th>
                                        <th>Retro NPWP</th>
                                        <th>Retro NONPWP</th>
                                        <th>UBS</th>
                                        <th>UBS NPWP</th>
                                        <th>UBS NONPWP</th>
                                        <th>Created By</th>
                                        <th>Created At</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection
@section('scripts')
@include('includes.helper_js')
<script>
    $(function() {
        var e = new Date();
        var endDate = e.setDate(e.getDate());
        Helper.datePicker('date_format',null,endDate);
        $('input[name="date"]').val(moment(endDate).format('DD-MM-YYYY'));
    });
    var url_datatables = '/butik/sell/price_lm/datatables';
    var tbl = globalCRUD.datatables({
        url: url_datatables,
        selector: '#table',
        columnsField: [
            'DT_RowIndex',
            'gram',
            'lm_certieye',
            'lm_certieye_npwp',
            'lm_certieye_nonpwp',
            'lm_retro',
            'lm_retro_npwp',
            'lm_retro_nonpwp',
            'ubs',
            'ubs_npwp',
            'ubs_nonpwp',
            'created_by',
            'created_at'
        ],
        actionLink: ""
    });
    // search datatables;
    $("#form-search").submit(function(e) {
        e.preventDefault();
        tbl.datatablesSearch($(this), tbl, url_datatables);
    });
    //reset field pencarian
    $("#reset_btn").click(function(e) {
        e.preventDefault();
        $('input[name="created_by"]').val('');
        $('input[name="date"]').val('');
    });
    $("#download_data").click(function(e) {
        var created_by = $('input[name="created_by"]').val();
        var date = $('input[name="date"]').val();
        var url = '/butik/sell/price_lm/download';
        url = url+'?created_by='+name+'&created_date='+date+'';
        Helper.redirectTo(url);
        e.preventDefault();
    });
</script>
@endsection