@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
@stop

@section('content')

    @if ($errors->any())
        <div class="alert alert-danger">
            <strong>Whoops!</strong> There were some problems with your input.<br><br>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">IFTA Settings </h3>
        </div>
        <!-- /.card-header -->
        <div class="card-body">
            
            <h3>Quarters </h3>
            
            <table class="table table-bordered">
                <thead>
                    <th>From</th>
                    <th>To</th>
                    <th>Quarter</th>
                    <th>Delete</th>
                </thead>
                @if($ifta_reports_quarters->count()>0)
                    @foreach ($ifta_reports_quarters as $report)
                        <tr>
                            <td>{{$report->from->format('d/m/Y')}}</td>
                            <td>{{$report->to->format('d/m/Y')}}</td>
                            <td>{{$report->quarter}}</td>
                            <td><a href="/ifta/settings/delete-quarter/{{$report->id}}" class="btn btn-danger" onclick="return confirm('Are you sure?')">Delete</a></td>
                        </tr>
                    @endforeach
                @endif
            </table>

            <br/><br/>
            <h3>Add new quarter</h3>
            <form action="/ifta/settings-update" method="POST">
                @csrf
                

                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-inline">
                            <strong>From</strong>
                            <input type="date" name="from" value="" class="form-control" placeholder="From">
                       
                            <strong>To:</strong>
                            <input type="date" name="to" value="" class="form-control" placeholder="To">
                       
                            <strong>Quarter:</strong>
                            <input type="text" name="quarter" value="" class="form-control" placeholder="Quarter">

                            <input type="submit" class="btn btn-success" value="Add"/>

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

            </form>
        </div>
@endsection