@extends('layout.layout')
@section('footwear-request','active')
@section('content')

<!-- Main content -->
<section class="content">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2 mt-4">
                <div class="col-sm-12 pl-3 pr-3">
                    <h1 class="text-ultra">@include('partials.breadcrumbs')</h1>

                    @include('partials.search-table')
                    
                </div>
            </div>

            @include('partials.product', ['type' => 'footwear', 'product' => $products, 'allSizes' => $allSizes, 'availableSizes' => $availableSizes])

        </div>
    </section>

    <select id="employee-select-template" class="form-control select2" style="width: 100%;display:none;">
        <option value="">Select Employee</option>
        @foreach($employees as $employee)
            <option value="{{ $employee->id }}">({{ $employee->employee_id }}) - {{ $employee->name }}</option>
        @endforeach
    </select>

</section>
<!-- /.content -->

@endsection

@section('javascript')
    <script src="{{asset('js/footwear-request.js')}}"></script>
    <script src="{{asset('js/search.js')}}"></script>
    <script src="{{asset('js/buttons.js')}}"></script>
@endsection