@extends('layouts.app_new')
@section('title', 'Prices')
@section('style')
<link rel="stylesheet" href="{{asset('datatable/datatables.min.css')}}">
@endsection
@section('content')
{{-- <div class="container"> --}}
    <div class="row flex-fill gutters justify-content-center">
        <div class="col-md-12 col-sm-12 col-12">
            <div class="card shadow">
                <div class="card-body">
                    <h5 class="text-primary card-title">{{ __('Prices') }}
                        <a href="{{ route('prices.create') }}" class="btn btn-sm btn-primary float-end add">
                            <li class="zmdi zmdi-plus"></li>
                        </a>
                        <a href="{{ route('prices.createMany') }}" class="btn btn-sm btn-primary float-end add mx-2">
                            إضافة عدة أسعار
                        </a>
                    </h5>
                </div>
                <div class="card-body table-responsive">
                    <table id="prices" class="table table-bordered table-condensed data-table table-responsive text-center"
                        style="width:100%">
                        <thead>
                            <tr>

                            </tr>
                        </thead>
                        <tbody></tbody>
                        <tfoot>
                            <tr>
                                <td colspan="10" class="success text-center text-success"></td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>

        </div>
    </div>
    {{--
</div> --}}
@endsection

@section('script')
<script src="{{asset('datatable/jquery.js')}}"></script>
<script src="{{asset('datatable/datatables.min.js')}}"></script>

<script type="text/javascript">
    $(function() {
        @if (app()->getLocale() == 'ar')
            var lanClassName ="text-start";
        @else
            var lanClassName="text-end";
        @endif
            var table = $('.data-table').DataTable({
                @include('layouts.dataTableOptions'),
                buttons: [{
                        extend: 'copyHtml5',
                        exportOptions: {
                            columns: [0, ':visible']
                        }
                        ,text:"{{__('Copy')}}"
                    },
                    {
                        extend: 'excelHtml5',
                        exportOptions: {
                            columns: ':visible'
                        }
                        ,text:"{{__('Excel')}}"
                    },
                    {
                        extend: 'print',
                        exportOptions: {
                            columns: ':visible'
                        }
                        ,text:"{{__('Print')}}"
                    },
                   {
                    extend: 'colvis',
                    text:"{{__('Column visibility')}}",
                    }
                ],
                ajax:"{{ route('prices.index') }}",

                columns: [
                    { data: 'DT_RowIndex', name: 'DT_RowIndex',title:"#", orderable: false, searchable: false,responsivePriority: 1 },
                    // {data: 'id',name: 'prices.id',title: '{{ __('id') }}',searchable: false},
                    @if(app()->getLocale()=='ar')
                    {data: 'policytype.ar_title', name: 'policytype.ar_title', title: '{{ __('policyType') }}' ,defaultContent:""},
                    @else
                    {data: 'policytype.en_title', name:'policytype.en_title', title: '{{ __('policyType') }}' ,defaultContent:""},
                    @endif
                    @if(app()->getLocale()=='ar')
                    {data: 'group.ar_title', name: 'group.ar_title', title: '{{ __('Group') }}' ,defaultContent:""},
                    @else
                    {data: 'group.en_title', name:'group.en_title', title: '{{ __('Group') }}' ,defaultContent:""},
                    @endif
                    {data: 'min_days',name: 'prices.min_days',title: '{{ __('min_days') }}'},
                    {data: 'max_days',name: 'prices.max_days',title: '{{ __('max_days') }}'},
                    {data: 'min_age',name: 'prices.min_age',title: '{{ __('min_age') }}'},
                    {data: 'max_age',name: 'prices.max_age',title: '{{ __('max_age') }}'},
                    {data: 'price',name: 'prices.price',title: '{{ __('price') }}',className:lanClassName,render: $.fn.dataTable.render.number( ',', '.',0 )},
                    {data: 'is_family',name: 'prices.is_family',title: '{{ __('is_family') }}',defaultContent:"{{__('false')}}",searchable: false},
                    {data: 'action',name: 'action',title: '{{ __('Control') }}',orderable: false,searchable: false},
                ],
            });

            $(document).on('click', '.btn-delete', function() {
                if (!confirm("Are you sure?")) return;
                var rowid = $(this).data('rowid')
                if (!rowid) return;
                $.ajax({
                    type: "POST",
                    dataType: 'JSON',
                    url: "{{ route('prices.index') }}/" + rowid,
                    data: {
                        _method: 'delete',
                        _token: $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function(response) {
                        if (response) {
                            $('.success').text(response.message);
                            table.draw();
                        }
                    },
                    error: function(error) {
                        console.log(error);
                    }
                });
            });
        });
</script>
@endsection