@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">
                    <h3><center>Pricing - TGP Management <i class="fa fa-dollar text-success"></i></center></h3>
					<hr style="border: 1px dashed #ccc;">
                </div>
                <div class="clearfix"></div>
            </div>

			<div class="row">                
                <div class="col-xs-12 col-md-4">
                    <div class="x_panel">                        
                        <div class="x_content">
                            <form class="form-horizontal">
                                <div class="col-xs-12 col-sm-12">
									<h4><b><center><i class="fa fa-search"></i> FILTER</center></b></h4>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label">Start :</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <input type="date" class="form-control" name="start" value="{{ $request['start'] }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label">End :</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <input type="date" class="form-control" name="end" value="{{ $request['end'] }}">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-12 text-center">
									<hr style="border: 1px dashed #ccc;">
                                    <button type="submit" class="btn btn-warning">Search</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>             
                <div class="col-xs-12 col-md-4"></div>
                <div class="col-xs-12 col-md-4">
                    <div class="x_panel">                        
                        <div class="x_content">
                            <form class="form-horizontal" method="POST" action="{{ url('pricing/tgp/new') }}">
								{{ csrf_field() }}
                                <div class="col-xs-12 col-sm-12">
									<h4><b><center><i class="fa fa-file-text"></i> ADD NEW TGP</center></b></h4>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label">New TGP :</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <input type="number" class="form-control" name="tgp" placeholder="TGP Price" >
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label">Your PIN :</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <input type="password" class="form-control" name="pin" placeholder="PIN" >
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-12 text-center">
									<hr style="border: 1px dashed #ccc;">
                                    <button type="submit" class="btn btn-success">Save New TGP</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">                
                <div class="col-xs-12">
                    <div class="x_panel">            
                        <div class="x_content" style="border:0px solid #f00; max-height: 600px; overflow: auto;">
                            <table class="table table-bordered table-hover table-striped">
                                <thead>
                                    <tr>
                                        <th width="220">Date Active</th>
                                        <th>TGP</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($histories as $key => $row)
										<tr>
											<td>{{ $row->date_active }}</td>
											<td>Rp. {{ number_format($row->tgp) }} @if($key == 0)<i class="fa fa-star fa-pulse text-danger"></i><i class="fa fa-star fa-pulse text-danger"></i><i class="fa fa-star fa-pulse text-danger"></i> @endif</td>
										</tr>
                                    @empty
                                        <tr>
                                            <td colspan="10" class="text-left">No Data</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                            {{-- <div style="text-align:center">{{ $manualLists->appends($_GET)->links() }}</div> --}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>

<div class="modal fade" id="pinModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel"><i class="fa fa-key"></i> Input Your PIN</h5>
        </div>
        <form id="form-pin" method="POST">
            {{ csrf_field() }}
            <input type="hidden" id="request_id" name="request_id">  
            <input type="hidden" id="status_approval" name="status_approval">  
            <div class="modal-body">
                <input type="password" id="pin" name="pin" class="form-control" placeholder="PIN" style="text-align: center;">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-success btn-single" onclick="manualApprovalProcess()">Approve</button>
                <button type="button" class="btn btn-success btn-bulk" onclick="manualApprovalBulkProcess()" style="display: none;">Approve Bulk</button>
            </div>
        </form>
        </div>
    </div>
</div>


@endsection


@section('scripts')
    <script>
    </script>
@endsection