@extends('admin.layouts.main')

@section('title', 'Customer List')
@section('menu', 'Customers')

@section('content')
<div class="panel panel-primary">
    <div class="panel-body table-responsive">
        <div class="row margin-bottom-10">
            <div class="col-md-6">
                <form action="{{ route('admin.customers.index') }}" method="GET" class="form-inline">
                    <div class="input-group input-group-sm">
                        <input type="text" name="search" class="form-control" placeholder="Search..." value="{{ request('search') }}">
                        <div class="input-group-btn">
                            <button class="btn default" type="submit"><i class="fa fa-search"></i></button>
                        </div>
                    </div>
                    <select name="status" class="form-control input-sm" onchange="this.form.submit()" style="margin-left:10px;">
                        <option value="">All Status</option>
                        <option value="active" {{ request('status') === 'active' ? 'selected' : '' }}>Active</option>
                        <option value="suspended" {{ request('status') === 'suspended' ? 'selected' : '' }}>Suspended</option>
                        <option value="closed" {{ request('status') === 'closed' ? 'selected' : '' }}>Closed</option>
                    </select>
                </form>
            </div>
            <div class="col-md-6 text-right">
                <a type="button" class="btn btn-warning" href="{{ route('admin.customers.create') }}"><i class="fa fa-plus-square"></i> Add Customer</a>
            </div>
        </div>
        <table class="table table-bordered table-hover">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Phone</th>
                    <th>Company</th>
                    <th class="tc">Status</th>
                    <th class="tc">Registered</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($customers as $customer)
                <tr>
                    <td>{{ $customer->id }}</td>
                    <td>{{ $customer->first_name }} {{ $customer->last_name }}</td>
                    <td>{{ $customer->email }}</td>
                    <td>{{ $customer->phone_cc ? $customer->phone_cc . ' ' : '' }}{{ $customer->phone ?? '-' }}</td>
                    <td>{{ $customer->company ?? '-' }}</td>
                    <td class="tc">
                        <span class="label label-sm label-{{ $customer->status === 'active' ? 'success' : ($customer->status === 'suspended' ? 'warning' : 'danger') }}">
                            {{ ucfirst($customer->status) }}
                        </span>
                    </td>
                    <td class="tc">{{ $customer->created_at->format('M d, Y') }}</td>
                    <td>
                        <a href="{{ route('admin.customers.show', $customer) }}" class="btn btn-sm blue"><i class="fa fa-eye"></i></a>
                        <a href="{{ route('admin.customers.edit', $customer) }}" class="btn btn-sm green"><i class="fa fa-edit"></i></a>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="8" class="text-center font-grey-mint">No customers found</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($customers->hasPages())
    <div class="panel-footer clearfix">
        {{ $customers->links() }}
    </div>
    @endif
</div>
@endsection