@extends('layouts.app')
@section('style')
    <!-- third party css -->
    <link href="{{asset('assets/libs/datatables/dataTables.bootstrap4.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{asset('assets/libs/datatables/responsive.bootstrap4.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{asset('assets/libs/datatables/buttons.bootstrap4.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{asset('assets/libs/datatables/select.bootstrap4.css')}}" rel="stylesheet" type="text/css" />
    <!-- third party css end -->
@endsection
@section('content')
    <div class="col-xl-12">
        <div class="card-box">

            <h5 class="card-header">
                Lista de ventas
                @if(isset($control_view))
                    @if($control_view == "NotPrinted")
                        que no se han impreso
                    @endif
                @endif
            </h5>

            <div class="card-body bg-gray-600">
                {{--Aqui valido si el controlador envia la variable $control_view, ya que tengo dos o mas controladores llamando este view--}}
                @if(!isset($control_view))
                    <input type="hidden" id="search_all_no_printed_id" value="{{route('search_all_no_printed')}}">
                    <input type="hidden" id="print_receive_id" value="{{route('print_receive_not_printed')}}">
                    <div class="float-left mb-3">
                        <button onclick="printAll();" class="btn btn-warning waves-effect waves-light btn-lg btn-rounded" style="color: #5d706f">Imprimir todo</button>
                    </div>
                    <div class="float-right mb-3">
                        <a href="{{ route('sales_list.create') }}" class="btn btn-success waves-effect waves-light btn-lg btn-rounded">Agregar Ordenes</a>
                    </div>
                @elseif(isset($control_view) && $control_view == "NotPrinted")
                        <input type="hidden" id="search_all_no_printed_id" value="{{route('search_all_no_printed')}}">
                        <input type="hidden" id="print_receive_id" value="{{route('print_receive_not_printed')}}">
                        <div class="float-left mb-3">
                            <button onclick="printAll();" class="btn btn-warning waves-effect waves-light btn-lg btn-rounded" style="color: #5d706f">Imprimir todo</button>
                        </div>
                @endif
                <div class="table-responsive">
                    <table id="responsive-datatable" class="table table-bordered table-bordered dt-responsive nowrap">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>Nombre</th>
                            <th>Ordenes</th>
                            <th>Origen</th>
{{--                            <th>Telefono</th>--}}
{{--                            <th>Correo</th>--}}
                            <th>Estado</th>
                            <th>Fecha de compra</th>
{{--                            <th>Usuarios</th>--}}
{{--                            <th>Direccion</th>--}}
                            <th>Imprimir</th>

                        </tr>
                        </thead>

                        <tbody>
                        @forelse($sales as $sale)
                            <tr>
                                <td>{{ $sale['sales_id'] }}</td>
                                <td>{{ $sale['sales_name'] }}</td>
                                <td><a href="{{ route('sale_product_add', ['id' => $sale['sales_id']]) }}"><i class="fas fa-cash-register"></i></a></td>
                                <td>{{ $sale['origin'] }}</td>
{{--                                <td>--}}
{{--                                    {{ preg_replace('~.*(\d{3})[^\d]{0,7}(\d{3})[^\d]{0,7}(\d{4}).*~', '($1) $2-$3',$sale['phone']) }} {{ $sale['ext'] }} <br>--}}
{{--                                    {{ preg_replace('~.*(\d{3})[^\d]{0,7}(\d{3})[^\d]{0,7}(\d{4}).*~', '($1) $2-$3',$sale['cellphone']) }}--}}
{{--                                </td>--}}
{{--                                <td>{{ $sale['sales_email'] }}</td>--}}
                                <td>
                                    @if($sale['sale_status'] == 'open')
                                        <span class="badge badge-warning">{{ ucfirst($sale['sale_status']) }}</span>
                                    @elseif($sale['sale_status'] == 'cancel')
                                        <span class="badge badge-danger">{{ ucfirst($sale['sale_status']) }}</span>
                                    @elseif($sale['sale_status'] == 'close')
                                        <span class="badge badge-info">{{ ucfirst($sale['sale_status']) }}</span>
                                    @else
                                        <span class="badge badge-success">{{ ucfirst($sale['sale_status']) }}</span>
                                    @endif
                                </td>
                                <td>
                                    @php
                                        $d = explode(' ', $sale['purchase_date']);

                                        $date = explode('-', $d[0]);

                                        $hours = explode(":", $d[1]);

                                        $ampm = $hours[0] >= 12 ? "PM" : "AM";

                                        $hour = $hours[0] % 12;

                                        $hour = $hour ? $hour : 12;

                                        echo "$date[2]/$date[1]/$date[0] $hour:00 $ampm";
                                    @endphp
                                </td>
{{--                                <td>{{ $sale['name'] }}</td>--}}
{{--                                <td>{{ $sale['address'] }}</td>--}}
                                <td><a href="{{ route('print_receive_id', ['sale' => $sale['sales_id']]) }}" target="_blank" class="btn btn-success"><i class="fas fa-print"></i></a></td>


                            </tr>
                        @empty
                            <p>There is no Sale</p>
                        @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div><!-- end col -->


@endsection

@push('scripts')
    <!-- third party js -->
    <script src="{{ asset('assets/libs/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables/dataTables.bootstrap4.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables/responsive.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables/buttons.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables/buttons.flash.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables/buttons.print.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables/dataTables.keyTable.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables/dataTables.select.min.js') }}"></script>
    <script src="{{ asset('assets/libs/pdfmake/pdfmake.min.js') }}"></script>
    <script src="{{ asset('assets/libs/pdfmake/vfs_fonts.js') }}"></script>
    <script src="{{ asset('js/sales_order.js') }}"></script>
    <!-- third party js ends -->

    <!-- Datatables init -->
    <script src="{{ asset('assets/js/pages/datatables.init.js') }}"></script>
    <script>
        $(document).ready( function () {
            $('#responsive-datatable').DataTable();
        } );

    </script>
@endpush