@extends('admin.template.main')

@section('css')
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <meta name="base_url" content="{{ url('admin') }}">
    <link href="{{ asset('vendor/datatables-bs4/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/datatables-responsive/css/responsive.bootstrap4.min.css') }}" rel="stylesheet">
@endsection

@section('main-content')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-4">
                <h1 class="text-dark">Daftar Pekerjaan</h1>
            </div><!-- /.row -->
            <div class="row">
                <div class="col-md-6">
                    <form action="" method="get">
                        <div class="form-group row">
                            <label for="tahun" class="col-auto col-form-label">Tahun</label>
                            <div class="col-auto">
                                <select class="form-control" id="tahun" name="year">
                                    @foreach ($years as $year)
                                        @if ($year->tahun == $currentYear)
                                            <option value="{{ $year->Tahun }}" selected>{{ $year->Tahun }}
                                            </option>
                                        @else
                                            <option value="{{ $year->Tahun }}">{{ $year->Tahun }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                            <label for="bulan" class="col-auto col-form-label">Bulan</label>
                            <div class="col-auto">
                                <select class="form-control" id="bulan" name="month">
                                    @for ($i = 1; $i <= 12; $i++)
                                        @if ($i == $currentMonth)
                                            <option value="{{ $i }}" selected>
                                                {{ $i }}</option>
                                        @else
                                            <option value="{{ $i }}">{{ $i }}</option>
                                        @endif
                                    @endfor
                                </select>
                            </div>
                            <div class="col-auto">
                                <button type="submit" id="btn-filter" class="btn btn-outline-primary">Filter</button>
                            </div>
                        </div>
                    </form>
                </div><!-- /.col -->
                <div class="col-md-6">
                    <a href="{{ route('admin.transactions.create') }}" class="btn btn-primary float-md-right">
                        <i class="fas fa-plus"></i>
                        Pesanan Baru
                    </a>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->
    <div class="content">
        <div class="container-fluid">
            @if ($ongoingPriorityTransactions->count() > 0)
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <h4 class="mb-3">Pekerjaan Berlangsung (Prioritas)</h4>
                                <table id="tbl-transaksi-priority" class="table dt-responsive nowrap" style="width: 100%">
                                    <thead class="thead-light">
                                        <tr>
                                            <th>No. Pekerjaan</th>
                                            <th>Nama Member</th>
                                            <th>Harga</th>
                                            <th class="d-none md-table">Masuk</th>
                                            <th>Est. Selesai</th>
                                            <th>Status</th>
                                            <th>Aksi</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($ongoingPriorityTransactions as $item)
                                            <tr>
                                                <td>{{ $item->code }}</td>
                                                <td>{{ $item->customer->name }}</td>
                                                @if ($item->payment_amount == $item->total)
                                                    <td class="text-success">{{ $item->getFormattedTotal() }}
                                                        <i class="fas fa-check-circle"></i>
                                                    </td>
                                                @else
                                                    <td class="text-danger">{{ $item->getFormattedTotal() }}
                                                        <i class="fas fa-times-circle"></i>
                                                    </td>
                                                @endif
                                                <td class="d-none md-table">
                                                    {{ date('d F Y H:m', strtotime($item->created_at)) }}</td>
                                                <td>
                                                    {{ date('d F Y H:m', strtotime($item->estimated_finish_date)) }}</td>
                                                <td>
                                                    <span @if ($item->status_id == 3) class="text-success" @endif
                                                        @if ($item->status_id == 2) class="text-info" @endif
                                                        @if ($item->status_id == 1) class="text-danger" @endif>
                                                        <i class="fas fa-circle"></i>
                                                    </span>
                                                    @if ($item->status_id == 4)
                                                        <span class="text-success">Sudah Diambil</span>
                                                    @else
                                                        <select name="" id="status" data-id="{{ $item->id }}"
                                                            data-val="{{ $item->status_id }}" class="select-status">
                                                            @foreach ($status as $s)
                                                                @if ($item->status_id == $s->id)
                                                                    <option selected value="{{ $s->id }}">
                                                                        {{ $s->name }}
                                                                    </option>
                                                                @else
                                                                    <option value="{{ $s->id }}">
                                                                        {{ $s->name }}
                                                                    </option>
                                                                @endif
                                                            @endforeach
                                                        </select>
                                                    @endif
                                                </td>
                                                <td>
                                                    <a href="#" class="btn-detail" data-toggle="modal"
                                                        data-target="#transactionDetailModal"
                                                        data-tcode="{{ $item->code }}" data-id="{{ $item->id }}">
                                                        <i class="fas fa-info-circle"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="mb-3">Pekerjaan Berlangsung</h4>
                            <table id="tbl-transaksi-belum" class="table dt-responsive nowrap" style="width: 100%">
                                <thead class="thead-light">
                                    <tr>
                                        <th>No. Pekerjaan</th>
                                        <th>Nama Member</th>
                                        <th>Harga</th>
                                        <th class="d-none md-table">Masuk</th>
                                        <th>Est. Selesai</th>
                                        <th>Status</th>
                                        <th>.</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($ongoingTransactions as $item)
                                        <tr>
                                            <td>
                                                {{ $item->code }}</td>
                                            <td>{{ $item->customer->name }}</td>
                                            @if ($item->payment_amount == $item->total)
                                                <td class="text-success">{{ $item->getFormattedTotal() }}
                                                    <i class="fas fa-check-circle"></i>
                                                </td>
                                            @else
                                                <td class="text-danger">{{ $item->getFormattedTotal() }}
                                                    <i class="fas fa-times-circle"></i>
                                                </td>
                                            @endif
                                            <td class="d-none md-table">
                                                {{ date('d F Y H:m', strtotime($item->created_at)) }}</td>
                                            <td>
                                                {{ date('d F Y H:m', strtotime($item->estimated_finish_date)) }}</td>
                                            <td>
                                                <span @if ($item->status_id == 3) class="text-success" @endif
                                                    @if ($item->status_id == 2) class="text-info" @endif
                                                    @if ($item->status_id == 1) class="text-danger" @endif>
                                                    <i class="fas fa-circle"></i>
                                                </span>
                                                @if ($item->status_id == 4)
                                                    <span class="text-success">Sudah Diambil</span>
                                                @else
                                                    <select name="" id="status" data-id="{{ $item->id }}"
                                                        data-val="{{ $item->status_id }}" class="select-status">
                                                        @foreach ($status as $s)
                                                            @if ($item->status_id == $s->id)
                                                                <option selected value="{{ $s->id }}">
                                                                    {{ $s->name }}
                                                                </option>
                                                            @else
                                                                <option value="{{ $s->id }}">{{ $s->name }}
                                                                </option>
                                                            @endif
                                                        @endforeach
                                                    </select>
                                                @endif
                                            </td>
                                            <td>
                                                <a href="#" class="btn-detail" data-toggle="modal"
                                                    data-target="#transactionDetailModal"
                                                    data-tcode="{{ $item->code }}" data-id="{{ $item->id }}">
                                                    <i class="fas fa-info-circle"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="mb-3">Pekerjaan Selesai</h4>
                            <table id="tbl-transaksi-selesai" class="table dt-responsive nowrap" style="width: 100%">
                                <thead class="thead-light">
                                    <tr>
                                        <th>No. Pekerjaan</th>
                                        <th>Nama Member</th>
                                        <th>Tgl selesai</th>
                                        <th>Total Harga</th>
                                        <th>Status</th>
                                        <th>Aksi</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($finishedTransactions as $item)
                                        <tr>
                                            <td>{{ $item->code }}</td>
                                            <td>{{ $item->customer->name }}</td>
                                            <td>{{ date('d F Y H:m', strtotime($item->finish_date)) }}</td>
                                            {{-- <td>
                                                @if ($item->status_id == 4)
                                                    <span class="text-success">Sudah Diambil</span>
                                                @else
                                                    <select name="" id="status" data-id="{{ $item->id }}"
                                                        data-val="{{ $item->status_id }}" class="select-status">
                                                        @foreach ($status as $s)
                                                            @if ($item->status_id == $s->id)
                                                                <option selected value="{{ $s->id }}">
                                                                    {{ $s->name }}
                                                                </option>
                                                            @else
                                                                <option value="{{ $s->id }}">{{ $s->name }}
                                                                </option>
                                                            @endif
                                                        @endforeach
                                                    </select>
                                                @endif
                                            </td> --}}
                                            <td>{{ $item->getFormattedTotal() }}</td>
                                            @if ($item->payment_amount == $item->total)
                                                <td><span class="text-success">LUNAS</span></td>
                                            @else
                                                <td><span class="text-danger">Belum bayar</span></td>
                                            @endif
                                            <td>
                                                <a href="#" class="btn-detail" data-toggle="modal"
                                                    data-target="#transactionDetailModal"
                                                    data-tcode="{{ $item->code }}" data-id="{{ $item->id }}">
                                                    <i class="fas fa-info-circle"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </div>
@endsection

@section('modals')
    <x-admin.modals.transaction-detail-modal />
@endsection

@section('scripts')
    <script src="{{ asset('vendor/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('vendor/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('vendor/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('vendor/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('js/ajax.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#tbl-transaksi-selesai').DataTable();
            $('#tbl-transaksi-belum').DataTable();
            $('#tbl-transaksi-priority').DataTable();
        });

        function printReceipt(e) {
            var id = $(e).data('id');
            window.open('{{ route('admin.transactions.print.index', ['transaction' => ':id']) }}'
                .replace(':id',
                    id),
                '_blank');
        }

        function pay(e) {
            var id = $(e).data('id');
            $('#tbl-detail-transaksi').addClass('d-none');
            $('#payment').removeClass('d-none');
            $('#btn-bayar').addClass('d-none');
        }

        function cancelPayment() {
            $('#tbl-detail-transaksi').removeClass('d-none');
            $('#payment').addClass('d-none');
            $('#btn-bayar').removeClass('d-none');
            $('#change-row').addClass('d-none');
            $('#input-bayar').val('');
            $('#change').text('0');
            $("#confirm-payment-finish").addClass("d-none");
        }

        function calculateChange(e) {
            var total = parseInt($('#total-price').text());
            var bayar = $(e).val();
            var change = (bayar - total).toLocaleString('id-ID');
            $('#change').text(change);
            if (change > 0) {
                $('#change-row').removeClass('d-none');
            } else {
                $('#change-row').addClass('d-none');
            }
        }
    </script>
@endsection