@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 Distributor</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">
                        @if(Auth::user()->role !=2)
                        <a href="{{route('distributor.edit', encrypt($dist->id_distributor))}}" class="btn btn-icon btn-primary" style="margin-right:5px;"><i class="bi bi-pencil"></i></a>
                        @endif
                        
                        @if(Auth::user()->role == 1)
                        <a href="{{route('distributor.delete', $dist->id_distributor)}}" 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-200px w-200px">No SP</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$dist->no_sp}}</td>
                            </tr>
                            <tr>
                                <td class="text-muted min-w-125px w-125px">Nama Distributor</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$dist->nama_distributor}}</td>
                            </tr>
                            <tr>
                                <td class="text-muted min-w-125px w-125px">Region</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$dist->region}}</td>
                            </tr>
                            <tr>
                                <td class="text-muted min-w-125px w-125px">Segment</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$dist->segment}}</td>
                            </tr>
                            <tr>
                                <td class="text-muted min-w-125px w-125px">Owner</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$dist->nama_owner}}</td>
                            </tr>
                            <tr>
                                <td class="text-muted min-w-125px w-125px">Email</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$dist->email}}</td>
                            </tr>
                            <tr>
                                <td class="text-muted min-w-125px w-125px">No Telp Perusahaan</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$dist->no_telp}}</td>
                            </tr>
                            <tr>
                                <td class="text-muted min-w-125px w-125px">Alamat Kantor</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$dist->alamat_kantor}}</td>
                            </tr>
                            <tr>
                                <td class="text-muted min-w-125px w-125px">Longitude</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$dist->longitude}}</td>
                            </tr>
                            <tr>
                                <td class="text-muted min-w-125px w-125px">Latitude</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$dist->latitude}}</td>
                            </tr>
                            <tr>
                                <td class="text-muted min-w-125px w-125px">No KTP (Owner)</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$dist->no_ktp}}</td>
                            </tr>
                            <tr>
                                <td class="text-muted min-w-125px w-125px">No NPWP</td>
                                <td>:</td>
                                <td class="text-gray-800">{{$dist->no_npwp}}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="separator separator my-5"></div>
            <h6 class="text-primary">File Pendukung</h6>
            <div class="row mb-6">
                <div class="col-lg-3 fv-row">
                    <a href="{{$dist->link_npwp}}" class="symbol symbol-150px symbol-2by3" target="_blank">
                        <img src="{{$dist->link_npwp}}" alt=""/>
                    </a>
                </div>
                <div class="col-lg-3 fv-row">
                    <a href="{{$dist->link_ktp}}" class="symbol symbol-150px symbol-2by3" target="_blank">
                        <img src="{{$dist->link_ktp}}" alt=""/>
                    </a>
                </div>
            </div>     
        </div>
    </div>
    <div class="card-footer d-flex justify-content-between py-6 px-9">
        <a href="{{route('distributor.index')}}" class="btn btn-warning"><i class="fas fa-arrow-left fs-4 me-2"></i>Back</a>
    </div>    
</div>        
@endsection