@if(Auth::check())
    @extends('layouts.layout')
    @include('layouts.header')

    <body class="skin-blue sidebar-mini" style="height: auto;">
    <div class="wrapper" style="height: auto;">
        <div class="content-wrapper">
            <!-- Content Header (Page header) -->
            <section id="content-menu" class="content-menu">
                <div class="module-menu-container"></div>
                <ol class="breadcrumb"><li><a href="{{url('/')}}"><i class="fa fa-home"></i> Home</a></li>
                    <li class="active"><i class="fa fa-clipboard"></i> Riwayat Pemesanan</li>
                    <li class="active"><i class="fa fa-clipboard"></i> Detail Pemesanan</li>
                </ol><!-- breadcrumbs -->
            </section>

            <!-- Main content -->
            <section class="content">
                <!-- /.row -->
                <div class="row">
                    <div class="col-md-6">
                        <!-- Box Comment -->
                        <div class="box box-widget">
                            <div class="box-header with-border">
                                <div class="user-block">
                                    <span class="username">{{$batal->client_username}}</span>
                                </div>
                                <!-- /.user-block -->
                                <div class="box-tools">
                                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                                </div>
                                <!-- /.box-tools -->
                            </div>
                            <!-- /.box-footer -->
                            <div class="box-footer">
                                <form action=" " method="post" enctype="multipart/form-data">
                                    {{ csrf_field() }}
                                    <div class="form-group has-feedback">
                                        <label class="col-md-4 control-label">Nama Pemesan</label>
                                        <input type="text" class="form-control" name="client_username" value="{{$batal->client_username}}" readonly>
                                    </div>
                                    <div class="form-group has-feedback">
                                        <label class="col-md-4 control-label">Tujuan</label>
                                        <input type="text" class="form-control" name="tujuan" value="{{$batal->tujuan}}" readonly>
                                    </div>
                                    <div class="form-group has-feedback">
                                        <label class="col-md-4 control-label">Jumlah</label>
                                        <input type="text" class="form-control" name="jumlah" value="{{$batal->jumlah}}" readonly>
                                    </div>
                                    <div class="form-group has-feedback">
                                        <label class="col-md-4 control-label">Alasan</label>
                                        <textarea class="form-control" placeholder="Berikan deskripsi disini" rows="3" name="alasan" readonly>{{$batal->alasan}}</textarea>
                                    </div>
                                    <div class="form-group has-feedback">
                                        <label class="col-md-4 control-label">Berangkat</label>
                                        <input type="text" class="form-control" name="berangkat" value="{{$batal->berangkat}}" readonly>
                                    </div>
                                    <div class="form-group has-feedback">
                                        <label class="col-md-4 control-label">Kembali</label>
                                        <input type="text" class="form-control" name="kembali" value="{{$batal->kembali}}" readonly>
                                    </div>
                                    <div class="form-group has-feedback">
                                        <label class="col-md-4 control-label">Plat Bus</label>
                                        <input type="text" class="form-control" name="plat_bus" value="{{$batal->plat_bus}}" readonly>
                                    </div>
                                    <td>Status : <span class="label label-danger">Dibatalkan</span></td>

                                </form><br>
                            </div>
                            <!-- /.box-footer -->
                        </div>
                        <!-- /.box -->
                    </div>
                    <!-- /.col -->
                </div>
            </section>
            <!-- /.content -->
        </div>
    </div>
    </body>
@endif