@extends('kms.layouts.kms')

@section('content')
<div id="entity" class="full-width">

    <div class="entity-header">
        <div class="entity-header-attributes">
            <h2>Exporteren</h2>
        </div>
    </div>

    <div class="entity-tabs">
        <ul>
            <li class="active">
                <a href="#export">@lang('kms/transfer.export')</a>
            </li>
        </ul>
    </div>

    <div class="entity-attributes">
        <div id="tab-content-export" class="tab-content active first">
            <form id="exportForm" action="{{ route('export.create') }}" method="POST">
                @csrf
                <div class="entity-attribute-wrapper">
                    <form action="{{ route('export.create')  }}" method="POST" target="_blank">
                    <div style="color: black; padding-left: 20px;">

                        @csrf
                        <div class="entity-attribute entity-attribute-select" data-key="Select-date">
                            <div class="select-wrapper">
                                <select name="type" id="Select-date" class="export-select">
                                    <option value="reservations">Reserveringen</option>
                                    <option value="orders">Bestellingen / Orders</option>
                                </select>
                            </div>
                        </div>

                        @include('kms.attributes.exportDatePicker', ['name' => 'startDate'])
                        @include('kms.attributes.exportDatePicker', ['name' => 'endDate'])

                        <div style="margin-left: 45px; margin-top: 20px;">
                            <div class="entity-buttons">
                                <button type="submit" class="save" style="width: 175px;">
                                    Export
                                </button>
                            </div>
                        </div>

                    </div>
                    </form>

                </div>
            </form>
        </div>
    </div>


</div>
@stop