@extends('layouts.admin')

@section('title', 'Vendors')

@section('breadcrumb-title', 'Vendors')

@section('breadcrumb-item')
    <li class="breadcrumb-item active">Vendors</li>
@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-header">
                        <h5 class="pull-left">Vendors List</h5>

                        <div class=" pull-right">
                            <a href="{{ route('admin.suppliers.create') }}" class="btn btn-primary btn-sm px-2" title=""><i
                                        class="fa fa-plus"></i> Add New</a>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th scope="col">#</th>
                                    <th scope="col">Supplier Id</th>
                                    <th scope="col">Name</th>
                                    <th scope="col">Company Name</th>
                                    <th scope="col">Email</th>
                                    <th scope="col">Phone</th>
                                    <th scope="col">Balance</th>
                                    <th scope="col">Actions</th>
                                </tr>
                                </thead>
                                <tbody>
                                @forelse($suppliers as $key => $supplier)
                                    <tr>
                                        <td>{{ $suppliers->firstItem() + $key }}</td>
                                        <th scope="row">{{ $supplier->id }}</th>
                                        <td>{{ $supplier->name }}</td>
                                        <td>{{ $supplier->company_name }}</td>
                                        <td>{{ $supplier->email }}</td>
                                        <td>{{ $supplier->phone }}</td>
                                        <td>{{ $supplier->balance }}</td>
                                        <td>
                                            <button data-toggle="modal" data-target="#confirm_supplier_{{$supplier->id}}" class="btn btn-danger btn-sm px-2" title=""><i class="fa fa-trash"></i></button>
                                            @include('includes.modals.confirmation', ['model' => 'supplier', 'route' => route('admin.suppliers.delete', [$supplier->id])])
                                            <a href="{{ route('admin.suppliers.edit', ['supplier' => $supplier->id]) }}"
                                               class="btn btn-primary btn-sm px-2" title=""><i class="fa fa-pencil"></i>
                                            </a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="10" class="text-center">{{ config('constants.no_record') }}</td>
                                    </tr>
                                @endforelse
                                </tbody>
                            </table>
                            <br>
                            {{ $suppliers->links() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection