@extends('layouts.app')


@section('content')
    @push('styles')
        <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
    @endpush
    @push('scripts')
        <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
        <script>
            $(function() {
                $('#daterange').daterangepicker({
                    opens: 'right',
                    locale: {
                        format: 'DD/MM/YYYY'
                    },
                    showCustomRangeLabel: true,
                    alwaysShowCalendars: true,
                    ranges: {
                        'Hari Ini': [moment(), moment()],
                        'Kemarin': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                        '7 Hari Terakhir': [moment().subtract(6, 'days'), moment()],
                        '1 Bulan Terakhir': [moment().subtract(29, 'days'), moment()],
                        'Bulan Ini': [moment().startOf('month'), moment().endOf('month')],
                        'Bulan Terakhir': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1,
                            'month').endOf('month')],
                        'Semua Waktu': [moment().subtract(10, 'year'), moment().add(10, 'year')]
                    }
                }, function(start, end, label) {

                    console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end
                        .format('YYYY-MM-DD'));
                    var delayInMilliseconds = 500; //1 second

                    setTimeout(function() {
                        $("#filter-form").submit();
                    }, delayInMilliseconds);

                });
            });
        </script>
    @endpush
    @php
        use Carbon\Carbon;
    @endphp
    <div class="container-fluid">
        <div class="block-header">
            <h4>Laporan Penjualan</h4>
        </div>

        <div class="row clearfix">
            <!-- Task Info -->
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="card">
                    <div class="header">
                        <a href="{{ route('laporan') }}" class="btn btn-warning">Kembali</a>
                    </div>

                    <div class="body">
                        <form action="" id="filter-form">
                            <div class="row">
                                <div class="col-lg-2 col-md-4">
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <i class="material-icons">date_range</i>
                                        </span>
                                        <div class="form-line">
                                            <input type="text" class="form-control" name="periode" id="daterange"
                                                value="@if (isset($periode)) {{ $periode[0] }} - {{ $periode[1] }} @endif">
                                        </div>
                                    </div>
                                </div>


                                <div class="col-lg-2 col-md-5">
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <i class="material-icons">attach_money</i>
                                        </span>
                                        <div class="form-line focused">
                                            <select name="pengguna_id" class="form-control">
                                                <option value="">Semua Kasir</option>
                                                @foreach ($pengguna as $p)
                                                    <option value="{{ $p->id }}" @checked(old('pengguna_id') == $p->id)>
                                                        {{ $p->nama_pengguna }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-3 col-md-3">
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <i class="material-icons">search</i>
                                        </span>
                                        <div class="form-line">
                                            <input class="form-control" placeholder="No. Penjualan/Nama/No Telp"
                                                name="cari" value="{{ old('cari', request()->cari) }}">
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-2 col-md-4">
                                    <div class="input-group">
                                        <button class="btn btn-primary">Filter</button>
                                    </div>
                                </div>

                            </div>
                        </form>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="card">
                                    <div class="header text-center">
                                        <div>
                                            <h4><i class="material-icons col-green ">shopping_cart</i>Total
                                                Order</h4>
                                        </div>
                                    </div>
                                    <div class="body  text-center" style="padding-top:0">
                                        <div style="margin-bottom:0px;margin-top:0">
                                            <h1>{{ $jumlah_penjualan }}</h1>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @if (\Helper::hakAkses('dashboard_admin', 'view'))
                                <div class="col-md-4">
                                    <div class="card">
                                        <div class="header  text-center">
                                            <div>
                                                <h4><i class="material-icons col-blue ">attach_money</i>Total
                                                    Modal</h4>
                                            </div>
                                        </div>
                                        <div class="body  text-center" style="padding-top:0">
                                            <div style="margin-bottom:0px;margin-top:0">
                                                <h1>Rp. {{ number_format($modal) }}</h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>



                                <div class="col-md-4">
                                    <div class="card">
                                        <div class="header  text-center">
                                            <div>
                                                <h4><i class="material-icons col-blue ">attach_money</i>Laba Rugi</h4>
                                            </div>
                                        </div>
                                        <div class="body  text-center" style="padding-top:0">
                                            <div style="margin-bottom:0px;margin-top:0">
                                                <h1>Rp. {{ number_format($laba_rugi) }}</h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="card">
                                        <div class="header  text-center">
                                            <div>
                                                <h4><i class="material-icons col-blue ">attach_money</i>Omset Transfer</h4>
                                            </div>
                                        </div>
                                        <div class="body  text-center" style="padding-top:0">
                                            <div style="margin-bottom:0px;margin-top:0">
                                                <h1>Rp. {{ number_format($pendapatan_transfer) }}</h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="card">
                                        <div class="header  text-center">
                                            <div>
                                                <h4><i class="material-icons col-blue ">attach_money</i>Omset Cash</h4>
                                            </div>
                                        </div>
                                        <div class="body  text-center" style="padding-top:0">
                                            <div style="margin-bottom:0px;margin-top:0">
                                                <h1>Rp. {{ number_format($pendapatan_cash) }}</h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="card">
                                        <div class="header  text-center">
                                            <div>
                                                <h4><i class="material-icons col-blue ">attach_money</i>Total Omset</h4>
                                            </div>
                                        </div>
                                        <div class="body  text-center" style="padding-top:0">
                                            <div style="margin-bottom:0px;margin-top:0">
                                                <h1>Rp. {{ number_format($pendapatan) }}</h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        </div>
                        @if (\Helper::hakAkses('cetak_laporan', 'laporan_penjualan'))
                            <form action="{{ route('laporan.penjualan.print') }}" target="_blank"
                                class="row flex-column-reverse">
                                <div class="col-md-6">
                                    <input type="hidden" class="form-control" name="periode" id="daterange"
                                        value="@if (isset($periode)) {{ $periode[0] }} - {{ $periode[1] }} @endif">
                                    <input type="hidden" class="form-control" name="pengguna_id"
                                        value="{{ $request->pengguna_id }}">
                                    <input type="hidden" class="form-control" name="cari"
                                        value="{{ $request->cari }}">
                                    <input type="hidden" class="form-control" name="excel" value="0">


                                </div>
                                <div class="col-md-6 text-right">
                                    <button type="submit" class="btn bg-light-green waves-effect">
                                        <i class="material-icons">print</i>
                                        <span>Cetak</span>
                                    </button>

                                </div>
                            </form>
                            <form action="{{ route('laporan.penjualan.print') }}" target="_blank"
                                class="row flex-column-reverse">
                                <div class="col-md-6">
                                    <input type="hidden" class="form-control" name="periode" id="daterange"
                                        value="@if (isset($periode)) {{ $periode[0] }} - {{ $periode[1] }} @endif">
                                    <input type="hidden" class="form-control" name="pengguna_id"
                                        value="{{ $request->pengguna_id }}">
                                    <input type="hidden" class="form-control" name="cari"
                                        value="{{ $request->cari }}">
                                    <input type="hidden" class="form-control" name="excel" value="1">



                                </div>
                                <div class="col-md-6 text-right">
                                    <button type="submit" class="btn bg-green waves-effect">
                                        <i class="material-icons">print</i>
                                        <span>Cetak Excel</span>
                                    </button>

                                </div>
                            </form>
                        @endif
                        <div class="table-responsive">
                            <table class="table table-hover dashboard-task-infos">
                                <thead>
                                    <tr>

                                        <th>No.Penjualan</th>
                                        <th>Tanggal Pelunasan</th>
                                        <th>Nama Pelanggan</th>
                                        <th>List Barang</th>
                                        <th>Metode Bayar</th>
                                        <th>Status Pembayaran</th>
                                        <th>Sales</th>
                                        <th>Kasir</th>
                                        <th>Total Modal</th>
                                        <th>Total Jual</th>
                                        <th>Total Laba Rugi</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($datas as $key => $data)
                                        <tr>
                                            <td>{{ $data->nomor_nota }}</td>
                                            <td>{{ $data->tanggal_penjualan }}
                                                @php
                                                    $jam_selesai = Carbon::parse($data->jam_selesai)->format('H:i');
                                                @endphp
                                                <br>({{ $jam_selesai }})
                                            </td>
                                            @if (isset($data->pelanggan))
                                                <td>{{ $data->pelanggan->nama_pelanggan }}
                                                    <br>({{ $data->pelanggan->telp_pelanggan }})
                                                </td>
                                            @else
                                                <td>Umum</td>
                                            @endif



                                            <td style="max-width: 300px;">
                                                @foreach ($data->detail_penjualan as $detail)
                                                    {!! $detail->nama_item . ',' . '<br>' !!}
                                                @endforeach
                                            </td>


                                            <td>{{ $data->metode_bayar }}</td>
                                            <td>{{ $data->status_pembayaran }}</td>

                                            <td> {{ optional($data->sales)->nama_pengguna }}</td>
                                            <td> {{ $data->pengguna->nama_pengguna }}</td>
                                            <td>Rp. {{ number_format($data->total_modal) }}</td>
                                            <td>Rp. {{ number_format($data->total) }}</td>
                                            <td>Rp. {{ number_format($data->total - $data->total_modal) }}</td>
                                        </tr>
                                    @endforeach

                                </tbody>
                                <tfoot>
                                    @include('layouts.includes.pagination')
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <!-- #END# Task Info -->
        </div>
    </div>
@endsection