@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">
					{{ __('Discounts Top Level') }}
					<a href="{{ route('discounts-top-level.add') }}">{{ __('Add Top Level') }}</a>
				</div>
				<div class="search-container">
					<div class="search">
						<form class="search" action="{{ route('discounts-top-level.search') }}" method="POST">
							@csrf
							@method('POST')
							<input type="text" name="search" placeholder="Search Top Levels" 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($discounts_top_level as $top_level)
					<div class="card card-master">
						<div class="master">
							<!-- <div class="record_id"><b>record id:</b> {{ $top_level->record_id }}</div> -->
							<div class="customer_id"><b>customer:</b> (id: {{ $top_level->customer_id }}) - {{ $top_level->customer_name }}</div>
						</div>
						<div class="actions">
							<a class="btn-primary" href="{{ route('discounts-top-level.edit', ['record_id' => $top_level->record_id]) }}">Edit</a>