@extends('layout.erp.app')
@section('title', 'Manage Customer')
@section('style')


@endsection
@section('page')
    <a class="btn btn-primary" href="{{ route('customers.create') }}">New Customer</a>
    <table class="table table-hover text-nowrap">
        <thead>
            <tr>
                <th>Id</th>
                <th>Name</th>
                <th>Photo</th>
                <th>Phone</th>
                <th>Email</th>
                <th>Address</th>

                <th>Action</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($customers as $customer)
                <tr>
                    <td>{{ $customer->id }}</td>
                    <td>{{ $customer->name }}</td>
                    <td><img src="{{ asset('img/' . $customer->photo) }}" width="100" /></td>
                    <td>{{ $customer->phone }}</td>
                    <td>{{ $customer->email }}</td>
                    <td>{{ $customer->address }}</td>

                    <td>
                        <form action = "{{ route('customers.destroy', $customer->id) }}" method = "post">
                            <a class= 'btn btn-primary' href = "{{ route('customers.show', $customer->id) }}">View</a>
                            <a class= 'btn btn-success' href = "{{ route('customers.edit', $customer->id) }}"> Edit </a>
                            @method('DELETE')
                            @csrf
                            <input type = "submit" class="btn btn-danger" name = "delete" value = "Delete" />
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>

    <div class="d-flex justify-content-end mt-5">
        {!! $customers->links('pagination::bootstrap-5') !!}
    </div>
@endsection
@section('script')


@endsection