@extends('layouts.app')
@section('title', __('app.report_wizard'))
@section('content')
<div class="page-head"><div><h1><i class="fa-solid fa-chart-line"></i> {{ __('app.report_wizard') }}</h1><p>{{ __('app.report_wizard_hint') }}</p></div><a class="btn secondary" href="{{ route('reports.index') }}">{{ __('app.reports') }}</a></div>
<form class="panel form-grid wizard animated-panel" method="get" id="reportWizardForm" action="{{ route('reports.show','sales') }}" onsubmit="this.action='{{ url('/reports') }}/'+this.report_type.value;">
<div class="wizard-steps wide"><div class="wizard-step active"><span>1</span>{{ __('app.report') }}</div><div class="wizard-step"><span>2</span>{{ __('app.filters') }}</div><div class="wizard-step"><span>3</span>{{ __('app.export') }}</div></div>
<div class="wizard-panel active wide">
    <div class="report-wizard-options">
    @foreach(['sales'=>'fa-receipt','income'=>'fa-hand-holding-dollar','purchases'=>'fa-cart-plus','stock'=>'fa-boxes-stacked','expenses'=>'fa-money-bill-transfer','profit'=>'fa-chart-line','supplier-payments'=>'fa-money-bill-transfer','customer-receipts'=>'fa-hand-holding-dollar','returns'=>'fa-rotate-left','ledgers'=>'fa-scale-balanced'] as $r=>$icon)
        <label class="report-option"><input type="radio" name="report_type" value="{{ $r }}" @checked($loop->first)> <i class="fa-solid {{ $icon }}"></i> <strong>{{ __('app.'.str_replace('-','_',$r).'_report') }}</strong><small>{{ __('app.view_filter_export') }}</small></label>
    @endforeach
    </div>
    <div class="wizard-actions"><span></span><button type="button" class="btn" data-wizard-next>{{ __('app.next') }}</button></div>
</div>
<div class="wizard-panel wide form-grid">
    <div class="section-title wide">{{ __('app.filters') }}</div>
    <div data-mdb-input-init class="form-outline"><input class="form-control" name="q" placeholder=" "><label class="form-label">{{ __('app.search') }}</label></div>
    <div data-mdb-input-init class="form-outline"><input class="form-control" type="date" name="from" placeholder=" "><label class="form-label">{{ __('app.from') }}</label></div>
    <div data-mdb-input-init class="form-outline"><input class="form-control" type="date" name="to" placeholder=" "><label class="form-label">{{ __('app.to') }}</label></div>
    <div class="form-outline"><select class="form-control" name="currency"><option value="">{{ __('app.all_currencies') }}</option>@foreach($currencies as $currency)<option value="{{ $currency->code }}">{{ $currency->code }}</option>@endforeach</select><label class="form-label">{{ __('app.currency') }}</label></div>
    <div class="form-outline"><select class="form-control" name="brand_id"><option value="">{{ __('app.all_brands') }}</option>@foreach($brands as $brand)<option value="{{ $brand->id }}">{{ $brand->name }}</option>@endforeach</select><label class="form-label">{{ __('app.brand') }}</label></div>
    <div class="form-outline"><select class="form-control" name="country"><option value="">{{ __('app.all_countries') }}</option>@foreach($countries as $country)<option value="{{ $country->name }}">{{ $country->name }}</option>@endforeach</select><label class="form-label">{{ __('app.country') }}</label></div>
    <div class="wizard-actions wide"><button type="button" class="btn secondary" data-wizard-prev>{{ __('app.previous') }}</button><button type="button" class="btn" data-wizard-next>{{ __('app.next') }}</button></div>
</div>
<div class="wizard-panel wide form-grid">
    <div class="section-title wide">{{ __('app.export') }}</div>
    <div class="panel-note wide">{{ __('app.report_wizard_finish_hint') }}</div>
    <div class="wizard-actions wide"><button type="button" class="btn secondary" data-wizard-prev>{{ __('app.previous') }}</button><button class="btn pulse-soft"><i class="fa-solid fa-chart-line"></i> {{ __('app.view_report') }}</button></div>
</div>
</form>
@endsection