@extends('layouts.main')

@section('container')
    <div class="card">
        <div class="card-header">
            <table width="100%">
                <tr>
                    <td>
                        <a href="{{ url()->previous() }}" class="btn btn-default">Kembali</a>
                    </td>
                    <td align="right" style="margin-right: 5px">
                    </td>
                </tr>
            </table>
        </div>
        <!-- /.card-header -->
        <div class="card-body">
            <div class="row">
                <div class="col-12 col-md-7">
                    <h4>Informasi Dasar</h4>
                    <table class="table table-bordered table-striped table-condensed">
                        <tr>
                            <th>Nama</th>
                            <td>{{ $sales->name }}</td>
                        </tr>
                        <tr>
                            <th>No. Handphone</th>
                            <td>{{ $sales->phone }}</td>
                        </tr>
                        <tr>
                            <th>Email</th>
                            <td>{{ $sales->email }}</td>
                        </tr>
                        <tr>
                            <th>Showroom</th>
                            <td>{{ $sales->total_showroom }}</td>
                        </tr>
                        <tr>
                            <td>Prospect</td>
                            <td>{{ $sales->total_prospect }}</td>
                        </tr>
                        <tr>
                            <td>Maintain</td>
                            <td>{{ $sales->total_maintain }}</td>
                        </tr>
                    </table>
                </div>
                <div class="col-12 col-md-5">
                    <div class="text-center p-4">
                        <img src="{{ $sales->profile_picture_url }}" alt="Foto Profil {{ $sales->nane }}"
                            style="border: 2px solid #ddd" class="p-4">
                    </div>
                    <div>
                        <table class="table table-bordered table-striped table-condensed">
                            <tr>
                                <th>Poin Sales</th>
                                <td>{{$sales->total_sales_point}}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.card-body -->
    </div>

    <div class="row">
        <div class="col-12 col-md-6">
            <div class="card">
                <div class="card-header">
                    <h6>Showroom</h6>
                </div>
                <div class="card-body">
                    <div class="scroll-x-table">
                        <table class="table table-bordered table-striped table-condensed datatable-ajax"
                            data-ajax-id="{{$sales->id}}"
                            data-ajax-context="common" data-ajax-url="{{ route('admin.sales.ajax.showroom', $sales->id) }}" width="100%">
                            <thead>
                                <tr>
                                    <th class="no-sort" width="50">No.</th>
                                    <th>Name</th>
                                    <th>Address</th>
                                    <th>Status</th>
                                </tr>
                            </thead>
                            <tbody id="htmldata">

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-6">
            <div class="card">
                <div class="card-header">
                    <h6>Aktivitas</h6>
                </div>
                <div class="card-body">

                    <div class="scroll-x-table">
                        <table class="table table-bordered table-striped table-condensed datatable-ajax"
                        data-ajax-id="{{$sales->id}}"
                        data-ajax-context="common" data-ajax-url="{{ route('admin.sales.ajax.activity', $sales->id) }}" width="100%">
                            <thead>
                                <tr>
                                    <th>Action</th>
                                    <th>Showroom</th>
                                    <th>Point</th>
                                    <th>Datetime</th>
                                </tr>
                            </thead>
                            <tbody id="htmldata">

                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection



@section('javascript')
@endsection