@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="cols-md-12 text-center"><h1>CUSTOMER</h1></div>
    </div> 
    <div class="panel panel-primary">
        <div class="panel-heading"><h2>Upload Customer</h2></div>
        <div class="panel-body">
            @if ($message = Session::get('success'))
            <div class="alert alert-success alert-block">
            <button type="button" class="close" data-dismiss="alert">×</button>
                <strong>{{ $message }}</strong>
            </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger">
                <strong>Whoops!</strong> There were some problems with your input.
                <ul>
                    @foreach ($request->session()->errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
            @endif
            <form action="{{ route('customer.upload.post') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="row">
  
                <div class="col-md-6">
                    <input type="file" name="fileCustomer" class="form-control">
                </div>
   
                <div class="col-md-6">
                    <button type="submit" class="btn btn-success">Upload</button>
                </div>
   
            </div>
            </form>
            @if (isset($data['csv']))
                @if (count($data['csv']) > 0)
            <table width="90%">
                <thead>
                <tr>
                    <th width="30%">code</th>
                    <th width="60%">name</th>
                </tr>
                </thead>
                <tbody>
                @foreach ($data['csv'] as $record)
                <tr>
                    <td class="text-right">{{ $record['code'] }} </td>
                    <td class="text-right">{{ $record['name']}} </td>
                </tr>
                @endforeach
                </tbody>
            </table>
                @endif
            @endif
        </div>
    </div>
</div>

@endsection

@section('script')
@endsection