@extends('layouts.template')
@section('content')
<div class="card mb-5 mb-xl-10">
    <div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_profile_details" aria-expanded="true" aria-controls="kt_account_profile_details">
        <div class="card-title m-0">
            <h3 class="fw-bolder m-0">Detail Vehicle</h3>
        </div>
    </div>
    <div class="card-body border-top pt-5">
        <div id="kt_account_profile_details">
            <div class="row">
                <div class="col-xl-12">
                    <div class="d-flex justify-content-end">
                        <a href="{{route('kendaraan.edit', encrypt($data->id_kendaraan))}}" class="btn btn-icon btn-primary" style="margin-right:5px;"><i class="bi bi-pencil"></i></a>
                        @if(Auth::user()->role == 1)
                        <a href="{{route('kendaraan.delete', $data->id_kendaraan)}}" class="btn btn-icon btn-danger" id="btnDeleteDist"><i class="bi bi-trash"></i></a>
                        @endif
                    </div>
                </div>  
            </div>
            <div class="row">
                <div class="col-xl-12">
                    <div class="flex-equal me-5 tableShow">
                        <table class="table table-flush fw-bold gy-1">
                            <tr>
                                <td class="text-muted min-w-210px w-210px">Region</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$data->region}}</td>
                            </tr>
                            <tr>
                                <td class="text-muted min-w-200px w-200px">No SP</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$data->no_sp}}</td>
                            </tr>
                            <tr>
                                <td class="text-muted min-w-125px w-125px">Distributor</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$data->distributor}}</td>
                            </tr>
                            <tr>
                                <td class="text-muted min-w-125px w-125px">Territory</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$data->territory}}</td>
                            </tr>
                            <tr>
                                <td class="text-muted min-w-125px w-125px">Jenis Kendaraan</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$data->jenis_kendaraan}}</td>
                            </tr>
                            <tr>
                                <td class="text-muted min-w-125px w-125px">Armada</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$data->armada}}</td>
                            </tr>
                            <tr>
                                <td class="text-muted min-w-125px w-125px">Nomor Plat</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$data->no_plat}}</td>
                            </tr>
                            <tr>
                                <td class="text-muted min-w-125px w-250px">Tahun Pembuatan Kendaraan</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$data->tahun_pembuatan}}</td>
                            </tr>
                            <tr>
                                <td class="text-muted min-w-125px w-125px">Fokus Material</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$data->fokus_material}}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="separator separator my-5"></div>
            <h6 class="text-primary">File Pendukung</h6>
            <br>
            <div class="row mb-6">
                <div class="col-lg-3 fv-row">
                    <label>Tampak Depan</label>
                    <a href="{{$data->tampak_depan}}" class="symbol symbol-150px symbol-2by3" target="_blank">
                        <img src="{{$data->tampak_depan}}" alt=""/>
                    </a>
                </div>
                 <div class="col-lg-3 fv-row">
                    <label>Tampak Belakang</label>
                    <a href="{{$data->tampak_belakang}}" class="symbol symbol-150px symbol-2by3" target="_blank">
                        <img src="{{$data->tampak_belakang}}" alt=""/>
                    </a>
                </div>
                 <div class="col-lg-3 fv-row">
                    <label>Tampak Samping</label>
                    <a href="{{$data->tampak_samping}}" class="symbol symbol-150px symbol-2by3" target="_blank">
                        <img src="{{$data->tampak_samping}}" alt=""/>
                    </a>
                </div>
                 <div class="col-lg-3 fv-row">
                    <label>Tampak Bak</label>
                    <a href="{{$data->tampak_bak}}" class="symbol symbol-150px symbol-2by3" target="_blank">
                        <img src="{{$data->tampak_bak}}" alt=""/>
                    </a>
                </div>
                
            </div>     
        </div>
    </div>
    <div class="card-footer d-flex justify-content-between py-6 px-9">
        <a href="{{route('kendaraan.index')}}" class="btn btn-warning"><i class="fas fa-arrow-left fs-4 me-2"></i>Back</a>
    </div>    
</div>        
@endsection