@extends('dashboard.layout.layout')

@section('content')
<div class="card border-info bg-transparent">

    <div class="card-body">
        <div class="d-flex justify-content-center">
            {!! $bills->appends(['company_id' => request()->company_id])->links() !!}
        </div>
        <div class="card-datatable table-responsive">
            <form target="_blank" method="POST">
                {{ csrf_field() }}
                <div class="text-left">
                    <input type="hidden" name="bills_list" />
                    <input type="hidden" name="company_id" value="{{ request()->company_id }}" />
                    <button class="btn btn-primary btn-next print_btn_list" type="submit" onclick="clear_checked()" formaction="{{ route('website.bill.specific_bills') }}">
                        <span class="align-middle d-sm-inline-block d-none">Print</span>
                        <i class="align-middle ml-sm-25 ml-0 icofont-print"></i>
                    </button>
                </div>
            </form>
            <table class="datatables-custom table table-hover-animation" data-title="{{ trans('dashboard.bill.bills') }}" data-create_title="{{ trans('dashboard.bill.add_bill') }}" data-create_link="{{ route('dashboard.bill.create') }}">
                <thead>
                    <tr class="text-center">
                        <th>#</th>
                        <th>{!! trans('dashboard.bill.qr') !!}</th>
                        <th>{!! trans('dashboard.company.name') !!}</th>
                        <th>{!! trans('dashboard.company.nickname') !!}</th>
                        <th>{!! trans('dashboard.category.name') !!}</th>
                        <th>{!! trans('dashboard.bill.customer_name') !!}</th>
                        <th>{!! trans('dashboard.bill.total_amount') !!}</th>
                        <th>{!! trans('dashboard.bill.print_status') !!}</th>
                        <th>{!! trans('dashboard.general.added_date') !!}</th>
                        <th>{!! trans('dashboard.general.control') !!}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($bills as $bill)
                        <tr class="{{ $bill->id }} text-center">
                            <td>
                                <!--{{ $loop->iteration }}-->
                                <div class="custom-control custom-checkbox justify-content-center">
                                    <input type="checkbox" class="custom-control-input check_list" onchange="choose_bills('{{ $bill->id }}')" id="custom_check_{{ $bill->id }}" value="{{ $bill->id }}" name="bill_list[]"/>
                                    <label class="custom-control-label" for="custom_check_{{ $bill->id }}"><i class="vs-icon feather icon-check"></i></label>
                                </div>
                            </td>
                            <td class="bill-img sorting_1">
                                <a href="{{ $bill->qr_code }}" data-fancybox="gallery">
                                    <img src="{{ $bill->qr_code }}" alt="" style="width:60px; height:60px;" class="img-preview rounded">
                                </a>
                            </td>
                            <td>{{ @$bill->company->name }}</td>
                            <td>{{ @$bill->company->nickname }}</td>
                            <td>{{ @$bill->category->name }}</td>
                            <td>{{ @$bill->customer_name }}</td>
                            <td>{{ $bill->total_amount }}</td>
                            <td>
                                @if($bill->print_status == '1')
                                    <div class="custom-control custom-switch custom-control-inline">
                                        <input type="checkbox" class="custom-control-input print_status" value="{{ $bill->id }}" onchange="change_print_status('{{ $bill->id }}')" id="customSwitch{{ $loop->iteration }}" checked />
                                        <label class="custom-control-label bill_lable{{ $bill->id }}" for="customSwitch{{ $loop->iteration }}">{{ trans('dashboard.bill.printed') }}</label>
                                    </div>
                                @else
                                    <div class="custom-control custom-switch custom-control-inline">
                                        <input type="checkbox" class="custom-control-input print_status" onchange="change_print_status('{{ $bill->id }}')" value="{{ $bill->id }}" id="customSwitch{{ $loop->iteration }}" />
                                        <label class="custom-control-label bill_lable{{ $bill->id }}" for="customSwitch{{ $loop->iteration }}">{{ trans('dashboard.bill.not_printed') }}</label>
                                    </div>
                                @endif
                            </td>
                            <td>
                                <div class="badge badge-primary badge-md mr-1 mb-1">{{ $bill->created_at }}</div>
                            </td>
                            <td class="justify-content-center">
                                <a onclick="deleteItem('{{ $bill->id }}' , '{{ route('dashboard.bill.destroy',$bill->id) }}')" class="text-danger" title="{!! trans('dashboard.general.delete') !!}">
                                    <i class="icofont-ui-delete"></i>
                                </a>
                                {{-- <a href="{!! route('dashboard.bill.edit',$bill->id) !!}" class="text-primary mr-2" title="{!! trans('dashboard.general.edit') !!}">
                                    <i class="icofont-ui-edit"></i>
                                </a> --}}
                                <a href="{!! route('website.bill.show',$bill->id) !!}" target="_blank" class="text-primary mr-2" title="{!! trans('dashboard.general.print') !!}">
                                    <i class="icofont-print"></i>
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="d-flex justify-content-center">
            {!! $bills->appends(['company_id' => request()->company_id])->links() !!}
        </div>
    </div>
</div>
@include('dashboard.layout.delete_modal')
@endsection


@include('dashboard.bill.styles')
@include('dashboard.bill.scripts')