@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="col-md-12">
            <div class="card card-body">
                <h5 class="card-title">{{ __('Reports') }}</h5>
                <hr>

                <div class="row">
                    <div class="col-md-8">
                        <p class="font-weight-bold">{{ __('General report') }}</p>

                        <div class="row">
                            <div class="col-1">
                                <i class="fa fa-chart-line fa-3x text-muted"></i>
                            </div>
                            <div class="col-10">
                                <a href="{{ action('Admin\Report\ProfitController@index') }}">{{ __('Profit & Loss') }}</a>
                                <p>{{ __('Shows money you earned and money you spent to see how much you profited') }}</p>
                            </div>
                        </div>

                        <div class="row mt-4">
                            <div class="col-1">
                                <i class="fa fa-user-astronaut fa-3x text-muted"></i>
                            </div>
                            <div class="col-10">
                                <a href="{{ action('Admin\Report\ReportController@show', auth()->id()) }}">{{ __('User report') }}</a>
                                <p>{{ __('Detail report on each user and their profile (both ISP & Reseller users)') }}</p>
                            </div>
                        </div>

                        <div class="row mt-4">
                            <div class="col-1">
                                <i class="fa fa-file-alt fa-3x text-muted"></i>
                            </div>
                            <div class="col-10">
                                <a href="{{ action('Admin\Report\ReportController@edit', auth()->id()) }}">{{ __('Mikrotik log') }}</a>
                                <p>{{ __('This report includes all the log generated by Mikrotik') }}</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <p class="font-weight-bold">{{ __('Custom report') }}</p>
                        <form action="{{ action('Admin\Report\ReportController@create') }}">
                            <div class="form-group">
                                <label for="start" class="col-form-label">{{ __('Report period') }}</label>
                                <input id="start" class="form-control" type="text" name="start" value="{{ old('start') }}" placeholder="Start" required>
                                @error('start')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="end" class="sr-only col-form-label">{{ __('Report period') }}</label>
                                <input id="end" class="form-control" type="text" name="start" value="{{ old('end') }}" placeholder="End" required>
                                @error('end')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label for="report_type">{{ __('Select report') }}</label>
                                <select name="report_type" id="report_type" class="form-control custom-select mb-2 mr-sm-2 mb-sm-0">
                                    <option value="2">{{ __('Income report') }}</option>
                                    <option value="3">{{ __('Expense report') }}</option>
                                    <option value="4">{{ __('Staff salary') }}</option>
                                    <option value="5">{{ __('User billing') }}</option>
                                    <option value="6">{{ __('User payment') }}</option>
                                    <option value="7">{{ __('Reseller billing') }}</option>
                                    <option value="8">{{ __('Reseller payment') }}</option>
                                </select>
                            </div>

                            <div class="form-group">
                                <button type="submit" class="btn btn-primary mb-2 btn-block">
                                    {{ __('Continue') }}
                                </button>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        $('#start').datepicker({
            format: "yyyy-mm-dd"
        });
        $('#end').datepicker({
            format: "yyyy-mm-dd"
        });
    </script>
@endsection