@extends('layouts.app')
@section('title', __( 'sale.list_pos'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 me-sm-6 me-5">
            <li class="breadcrumb-item text-sm">
              <a class="text-white opacity-7" href="{{action([\App\Http\Controllers\SellController::class, 'index'])}}">
                <i class="fa fas fa-cash-register text-sm-i opacity-10"></i> @lang( 'sale.sells')
              </a>
            </li>
            <li class="breadcrumb-item text-sm text-white">
                @lang('sale.pos_sale')
            </li>
        </ol>
    </nav>
</section>
<!-- Main content -->
<section class="content no-print">
    <div class="pad-15"> 
        @component('components.filters', ['title' => __('report.filters')])
            @include('sell.partials.sell_list_filters')
        @endcomponent
        <div class="mt-20 mb-20"> 
            @component('components.widget', ['class' => 'box-primary', 'icon' => 'fa fas fa-cash-register text-primary', 'title' => __( 'sale.list_pos')])
                <hr class="line-light">
                @can('sell.create')
                    @slot('tool')
                        <div class="box-tools mt-50">
                            <a class="btn bg-gradient-add white btn-ht-lg-add pull-right" href="{{action([\App\Http\Controllers\SellPosController::class, 'create'])}}"
                            title="@lang('messages.add')"
                              data-toggle="tooltip">
                            <i class="fa fa-plus fa-lg"></i> </a>
                        </div>
                    @endslot
                @endcan
                @can('sell.view')
                    <input type="hidden" name="is_direct_sale" id="is_direct_sale" value="0">
                    @include('sale_pos.partials.sales_table')
                @endcan
            @endcomponent
        </div>
    </div>
</section>
<!-- /.content -->
<div class="modal fade payment_modal" tabindex="-1" role="dialog" 
    aria-labelledby="gridSystemModalLabel">
</div>

<div class="modal fade edit_payment_modal" tabindex="-1" role="dialog" 
    aria-labelledby="gridSystemModalLabel">
</div>

<div class="modal fade register_details_modal" tabindex="-1" role="dialog" 
    aria-labelledby="gridSystemModalLabel">
</div>
<div class="modal fade close_register_modal" tabindex="-1" role="dialog" 
    aria-labelledby="gridSystemModalLabel">
</div>

<!-- This will be printed -->
<!-- <section class="invoice print_section" id="receipt_section">
</section> -->


@stop

@section('javascript')
@include('sale_pos.partials.sale_table_javascript')
<script src="{{ asset('js/payment.js?v=' . $asset_v) }}"></script>
@endsection