@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-4 text-center">
            <a class="btn btn-primary" href="{{ url('/customer/upload'); }}">Upload Customer</a>
        </div>
        <div class="col-md-8 text-center"><h1>CUSTOMER</h1></div>
    </div> 
    <div class="container">
        <div class="row row-cols-4">
            <div class="col text-center h5"><nobr>Code</nobr></div>
            <div class="col text-center h5"><nobr>Name</nobr></div>
            <div class="col text-center h5"><nobr>Type</nobr></div>
            <div class="col text-center h5"><nobr>Mobile</nobr></div>
            @foreach ($data as $customer)
            <div class="col"><nobr>{{ $customer->code }}</nobr></div>
            <div class="col"><nobr>{{ mb_substr($customer->name,0,-5).'XXXXX' }}</nobr></div>
            <div class="col text-center"><nobr>{{ $customer->type }}</nobr></div>
            <div class="col"><nobr>{{ $customer->mobile }}</nobr></div>
            @endforeach
        </div>
        <div class="row">
            <div class="col"><p>{{ $data->links() }}</div>
        </div>
    </div>
</div>

@endsection

@section('script')
@endsection