@extends('admin.layouts.app')
@section('content')
<!-- Begin Page Content -->
<div class="container-fluid">

    <!-- Page Heading -->
    <div class="pagetitle mb-4">
        <h5 class="mb-0 text-gray-800">Vendor</h5>
        <a href="" class="btn btn-primary"><i class="fas fa-plus"></i>&nbsp;&nbsp;Create
            New</a>
    </div>
    <div class="card shadow mb-4 card-main-custom">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Vendor</h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                    <thead>
                        <tr>
                            <th>#</th>

                            <th> Business Name</th>
                            <th>Contact Name</th>
                            <th>Contact Email</th>
                            <th>Contact Phone</th>
                            <th>Contact TelePhone</th>
                            <th>Contact Address</th>
                            <th>City</th>
                            <th>State</th>
                            <th>Pincode</th>
                            <th>Country</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th>#</th>
                            <th> Business Name</th>
                            <th>Contact Name</th>
                            <th>Contact Email</th>
                            <th>Contact Phone</th>
                            <th>Contact TelePhone</th>
                            <th>Contact Address</th>
                            <th>City</th>
                            <th>State</th>
                            <th>Pincode</th>
                            <th>Country</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                    </tfoot>
                    <tbody>
                        @foreach ($vendor as $vendor)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $vendor->business_name }}</td>
                            <td><img src="{{ asset($vendor->business_logo) }}" alt="" width="40px" height="40px"></td>
                            <td>{{ $vendor->contact_name }}</td>
                            <td>{{ $vendor->contact_email }}</td>
                            <td>{{ $vendor->contact_phone }}</td>
                            <td>{{ $vendor->contact_telephone }}</td>
                            <td>{{ $vendor->contact_address }}</td>
                            <td>{{ $vendor->city }}</td>
                            <td>{{ $vendor->state }}</td>
                            <td>{{ $vendor->pincode }}</td>
                            <td>{{ $vendor->country }}</td>
                            <td>
                                <span class="badge small px-3 py-2 {{ $vendor->status == 1 ? 'badge-success' : 'badge-danger' }}">{{ $vendor->status == 1 ? 'Active' : 'Suspended' }}</span>
                            </td>
                            <td>
                                <form action="{{ route('vendor.destroy', $vendor->id) }}" method="Post">
                                    <a class="btn btn-sm btn-primary" href="{{ route('vendor.edit', $vendor->id) }}">Edit</a>
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Are You Sure? You want to delete this item?')">Delete</button>
                                </form>
                            </td>

                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>


</div>
@endsection