@extends('layouts.master')
@section('content')

<div class="app-title">
    <div>
        <h1><i class="fa fa-th-list"></i> Add Data Kendaraan</h1>
    </div>
    <ul class="app-breadcrumb breadcrumb side">
        <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
        <li class="breadcrumb-item active"><a href="#">Add Data</a></li>
    </ul>
</div>
@if(session('message'))
<div class="row">
    <div class="col-md-12">
        <div class="alert alert-success">{{ session('message') }}</div>
    </div>
</div>
@endif 
<div class="row">
    <div class="col-md-12">
        <div class="tile">
            <div class="tile-body">
            	<div class="row">
                    <div class="col-md-6">
                    	<label class="col-form-label" for="inputDefault">REGION</label>
		              	<input class="form-control" type="text" readonly value="{{$data->region}}">
                    </div>
                    <div class="col-md-6">
                    	<label class="col-form-label" for="inputDefault">DISTRIBUTOR</label>
		              	<input class="form-control" type="text" readonly value="{{$data->nama_distributor}}">
                    </div>
                </div>
                <div class="row">
                	<div class="col-md-6">
                    	<div class="form-group">
		                    <label class="col-form-label" for="inputDefault">NO SP</label>
		                    <input class="form-control" type="text" readonly name="no_sp" value="{{$data->no_sp}}">
		                 </div>
                    </div>
                    <div class="col-md-6">
                    	 <label class="col-form-label" for="inputDefault">JENIS KENDARAAN</label>
		              	<input class="form-control" type="text" readonly name="jenis_kendaraan" value="{{$data->jenis_kendaraan}}">
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="col-form-label" for="inputDefault">PANJANG BAK</label>
                            <div class="input-group">
                                <input class="form-control" id="txtPanjang" type="number" name="panjang_bak" value="{{$data->panjang_bak}}" readonly>
                                <div class="input-group-append">
                                    <span class="input-group-text">Meter</span>
                                </div>
                            </div>      
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="col-form-label" for="inputDefault">LEBAR BAK</label>
                            <div class="input-group">
                                <input class="form-control" id="txtLebar" type="number" name="lebar_bak" value="{{$data->lebar_bak}}" readonly>
                                <div class="input-group-append">
                                    <span class="input-group-text">Meter</span>
                                </div>
                            </div>      
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="col-form-label" for="inputDefault">TINGGI BAK</label>
                            <div class="input-group">
                                <input class="form-control" id="txtTinggi" type="number" name="tinggi_bak" value="{{$data->tinggi_bak}}" readonly>
                                <div class="input-group-append">
                                    <span class="input-group-text">Meter</span>
                                </div>
                            </div>      
                        </div>
                    </div>
                </div>    
                <div class="row">
                	<div class="col-md-2">
                    	<div class="form-group">
		                    <label class="col-form-label" for="inputDefault">KAPASITAS KL</label>
		                    <input class="form-control" id="no_sp" type="text" name="kapasitas_kl" value="{{$data->kapasitas_kl}}" readonly>
		                 </div>
                    </div>
                    <div class="col-md-2">
                    	<div class="form-group">
		                    <label class="col-form-label" for="inputDefault">KAPASITAS DOOS</label>
		                    <input class="form-control" id="no_sp" type="text" name="kapasitas_doos" value="{{$data->kapasitas_doos}}" readonly>
		                 </div>
                    </div>
                    <div class="col-md-4">
                    	<div class="form-group">
		                    <label class="col-form-label" for="inputDefault">FOKUS  MATERIAL</label>
			                <input class="form-control" id="no_sp" type="text" name="fokus_material" value="{{$data->fokus_material}}" readonly>
		                 </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="col-form-label" for="inputDefault">ARMADA</label>
                            <input class="form-control" id="no_sp" type="text" name="armada" value="{{$data->armada}}" readonly>
                         </div>
                    </div>  
                </div>
                <hr>
                <div class="row">
                	<div class="col-md-12">
                		<h6>FOTO KENDARAAN</h6>
                	</div>
                </div>
                
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="input-select">TAMPAK DEPAN</label>
                            <a href="{{ $data->tampak_depan }}" target="_blank">
                                <img id="myImg" src="{{ $data->tampak_depan }}" style="width:100%;max-width:300px">
                            </a>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="input-select">TAMPAK BELAKANG</label>
                            <a href="{{ $data->tampak_depan }}" target ="_blank">
                                <img id="myImg" src="{{ $data->tampak_depan }}" style="width:100%;max-width:300px">
                            </a>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="input-select">TAMPAK SAMPING</label>
                            <a href="{{ $data->tampak_samping }}" target="_blank">
                                <img id="myImg" src="{{ $data->tampak_samping }}" style="width:100%;max-width:300px">
                            </a>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="input-select">TAMPAK BAK</label>
                            <a href="{{ $data->tampak_bak }}" target="_blank">
                                <img id="myImg" src="{{ $data->tampak_bak }}" style="width:100%;max-width:300px">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="row">
                	<div class="col-md-6">
                    	<div class="form-group">
		                    <label class="col-form-label" for="inputDefault">NO PLAT</label>
		                    <input class="form-control" type="text" name="no_plat" value="{{$data->no_plat}}" readonly>
		                 </div>
                    </div>
                    <div class="col-md-6">
                    	<div class="form-group">
		                    <label class="col-form-label" for="inputDefault">NO STNK</label>
		                    <input class="form-control" type="text" name="no_stnk" value="{{$data->no_stnk}}" readonly>
		                 </div>
                    </div>
                </div>    
                <hr>
                <a href="{{route('kendaraan.index')}}" class="btn btn-success btn-sm" style="color: white"><i class="fa fa-angle-double-left"></i> Back</a>
                <a href="{{route('kendaraan.edit', $data->id_kendaraan)}}" class="btn btn-primary btn-sm" style="color: white" id="btn-edit"><i class="fa fa-edit"></i> Edit</a>
                <a href="{{route('kendaraan.delete', $data->id_kendaraan)}}" class="btn btn-danger btn-sm delete-confirm-kendaraan" style="color: white"><i class="fa fa-trash"></i> Delete</a>       
            </div>
        </div>
    </div>
</div>
             
@endsection