@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="/"><i class="fa-home"></i> Home</a></li>
                    <li class="active"><i class="fa-bus"></i>Pesan Bus</li>
                    <li class="active"><i class="fa-bus"></i>Pilih Bus</li>
                    <li class="active"><i class="fa-users"></i>Detail Bus</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">
                                    <img style="display: block;margin-left: auto;margin-right: auto;" src="{{ asset('image/' . $bus->image) }}"/>
                                    <span class="username">{{$bus->nama_bus}}</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-header -->
                            <div class="box-body">
                                <img style="display: block;margin-left: auto;margin-right: auto;" src="{{ asset('image/' . $bus->image) }}"/>
                            </div>
                            <!-- /.box-footer -->
                            <div class="box-footer">
                                <form action="" method="post">
                                    {{ csrf_field() }}
                                    <div class="form-group has-feedback">
                                        <label class="col-md-4 control-label">Nama Bus</label>
                                        <input type="text" class="form-control" name="nama_bus" value="{{$bus->nama_bus}}" readonly>
                                    </div>
                                    <div class="form-group has-feedback">
                                        <label class="col-md-4 control-label">Jenis Bus</label>
                                        <input type="text" class="form-control" name="jenis_bus" value="{{$bus->jenis_bus}}" 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="{{$bus->plat_bus}}" readonly>
                                    </div>
                                    <div class="form-group has-feedback">
                                        <label class="col-md-4 control-label">Deskripsi</label>
                                        <textarea class="form-control" placeholder="Berikan deskripsi disini" rows="3" name="deskripsi" readonly>{{$bus->deskripsi}}</textarea>
                                    </div>
                                    <div class="form-group has-feedback">
                                        <a href="{{url('klien/pesan/pilih_bus',$bus->id)}}" class="btn btn-danger">Pilih</a>
                                    </div>
                                </form><br>
                            </div>
                            <!-- /.box-footer -->
                        </div>
                        <!-- /.box -->
                    </div>
                    <!-- /.col -->
                </div>
            </section>
            <!-- /.content -->
        </div>
    </div>
    </body>
@endif