@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
		<div class="col-md-3">
			<div class="card">
				<div class="card-header">{{ __('Menu') }}</div>
				<div class="card-body">
					@include('partials.menu')
				</div>
			</div>
		</div>
        <div class="col-md-9">
            <div class="card">
                <div class="card-header card-header-with-button">
					{{ __('Customers') }}
					<a href="{{ route('customers.add') }}">{{ __('Add Customer') }}</a>
				</div>
				<div class="search-container">
					<div class="search">
						<form class="search" action="{{ route('customers.search') }}" method="POST">
							@csrf
							@method('POST')
							<input type="text" name="search" placeholder="Search Customer" value="@if(isset($search)){{ $search }}@endif">
							<button type="submit">Search</button>
						</form>
					</div>
					<div class="clear-search">
						<a href="">Clear Search</a>
					</div>
				</div>
                <div class="card-body">
					<!-- loop through users -->
					@foreach($customers as $customer)
					<div class="card card-master">
						<div class="master">
							<div class="customer_id"><b>customer:</b> (id: {{ $customer->customer_id }}) - {{ $customer->customer_name }}</div>
							<div class="customer_branch_description"><b></b>{{ $customer->customer_branch_description }}</div>
						</div>
						<div class="actions">
							<a class="btn-primary" href="{{ route('customers.edit', ['customer_id' => $customer->customer_id]) }}">Edit</a>