@extends('layouts.app', ['title' => __('Add-ons')])
@section('admin_title')
{{ __('Add-ons') }}
@endsection
@section('content')
<div class="header bg-gradient-primary pb-8 pt-5 pt-md-5"></div>
<div class="container-fluid mt--7">
    <div class="row">
        <div class="col">
            <div class="card shadow">
                <div class="card-header border-0">
                    <h3 class="mb-0">{{ __('Export Add-ons') }}</h3>
                </div>

                <div class="col-12">
                    @include('partials.flash')
                </div>

                <div class="card-body">
                    <form action="{{ route('addons.bulk-export-data') }}" method="POST">
                        @csrf
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>{{ __('Export Type') }}</label>
                                    <select name="type" id="type" class="form-control" required>
                                        <option value="all" selected>{{ __('All Data') }}</option>
                                        <option value="date_wise">{{ __('Date Wise') }}</option>
                                        <option value="id_wise">{{ __('ID Wise') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4 date_wise" style="display:none;">
                                <div class="form-group">
                                    <label>{{ __('From Date') }}</label>
                                    <input type="date" name="from_date" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-4 date_wise" style="display:none;">
                                <div class="form-group">
                                    <label>{{ __('To Date') }}</label>
                                    <input type="date" name="to_date" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-4 id_wise" style="display:none;">
                                <div class="form-group">
                                    <label>{{ __('Start ID') }}</label>
                                    <input type="number" name="start_id" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-4 id_wise" style="display:none;">
                                <div class="form-group">
                                    <label>{{ __('End ID') }}</label>
                                    <input type="number" name="end_id" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="d-flex justify-content-end mt-4">
                            <button class="btn btn-success" type="submit">{{ __('Export') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    @include('layouts.footers.auth')
</div>
@endsection
@section('js')
<script>
$(document).ready(function () {
    function toggleFields() {
        let type = $('#type').val();
        $('.id_wise').hide();
        $('.date_wise').hide();
        if (type === 'date_wise') { $('.date_wise').show(); }
        else if (type === 'id_wise') { $('.id_wise').show(); }
    }
    $('#type').on('change', toggleFields);
    toggleFields();
});
</script>
@endsection