@extends('layouts.app')

@section('content')

<div class="card">

    <div class="card-header bg-primary text-white">

        <h4>

            <i class="fas fa-chart-line"></i>

            Laporan Penjualan

        </h4>

    </div>

    <div class="card-body">

        {{-- FILTER --}}
        <form method="GET">

            <div class="row">

                <div class="col-md-4">

                    <input type="date"
                           name="tanggal"
                           class="form-control">

                </div>

                <div class="col-md-3">

                    <select name="bulan"
                            class="form-control">

                        <option value="">
                            Semua Bulan
                        </option>

                        @for($i=1;$i<=12;$i++)

                            <option value="{{ $i }}">

                                {{ $i }}

                            </option>

                        @endfor

                    </select>

                </div>

                <div class="col-md-3">

                    <input type="number"
                           name="tahun"
                           class="form-control"
                           placeholder="Tahun">

                </div>

                <div class="col-md-2">

                    <button class="btn btn-success btn-block">

                        Filter

                    </button>

                </div>

            </div>

        </form>

        <a href="{{ route('laporan.export.excel') }}"
            class="btn btn-success mb-3">

                <i class="fas fa-file-excel"></i>

                Export Excel

            </a>

        <hr>

        <h5>

            Total Penjualan :

            <span class="badge badge-success">

                Rp {{ number_format($totalPenjualan) }}

            </span>

        </h5>

        <table class="table table-bordered table-striped"
               id="tableLaporan">

            <thead>

                <tr>

                    <th>No</th>
                    <th>Kode</th>
                    <th>Kasir</th>
                    <th>Tanggal</th>
                    <th>Total</th>

                </tr>

            </thead>

            <tbody>

                @foreach($laporan as $item)

                    <tr>

                        <td>{{ $loop->iteration }}</td>

                        <td>{{ $item->kode_transaksi }}</td>

                        <td>{{ $item->user->name }}</td>

                        <td>{{ $item->tanggal }}</td>

                        <td>

                            Rp {{ number_format($item->total) }}

                        </td>

                    </tr>

                @endforeach

            </tbody>

        </table>

    </div>

</div>

@endsection

@push('js')

<script>

    $('#tableLaporan').DataTable({
        responsive:true
    });

</script>

@endpush