@extends('layouts.admin')
@section('content')
    <link href="{{ URL::asset('css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="{{ URL::asset('js/dataTables.min.js') }}"></script>
    <link href="{{ URL::asset('css/select2.css') }}" media="all" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="{{ URL::asset('js/select2.min.js') }}"></script>
    <link href="{{ URL::asset('css/select2.css') }}" media="all" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="{{ URL::asset('js/select2.min.js') }}"></script>

    <div class="pageheader">
        <div class="media">
            <div class="media-body">
                <h4>@lang('messages.Manage package')</h4>
                <ul class="breadcrumb">
                    <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a></li>
                    <li>@lang('messages.Manage package')</li>
                </ul>
            </div>
        </div>
    </div>

    <div class="clearfix form-blk">
        <div class="col-lg-12">
            
        <div class="row">
            <div class='col-md-6 form-group d-flex'>
                <div class='col-md-5'>
                    <div>
                        {{ Form::label('hospitals', trans('messages.Hospitals')) }}
                    </div>
                    <select id='hospitals' class='select2' name='hospitals'>
                        @if(!empty($hospitals))
                            {{-- <option value=''>@lang('messages.Select Hospitals')</option> --}}
                            @foreach($hospitals as $hsp)
                                <option value='{{$hsp->id}}'>{{$hsp->name}}</option>
                            @endforeach
                        @else
                            <option value=''>@lang('messages.No Hospitals')</option>
                        @endif
                    </select>
                </div>
                    <div class='col-md-5'>
                        <div>
                            {{ Form::label('Package Type', trans('messages.Package Type')) }}
                        </div>
                        <select id='package_type' class='select2' name='package_type'>
                            <option value="">Select Package Type</option>
                            <option value="package">Package</option>
                            <option value="promotional_package">Promotional Package</option>
                        </select>
                    </div>

                    <div class="col-md-2 d-flex" style="align-items: flex-end;gap: 10px;">
                        <button class="btn btn-primary mr5" type="submit" name="submit" id ="submit" title="@lang('messages.Search')">@lang('messages.Search')</button>
                        <button type="reset" title="@lang('messages.Reset')" class="btn btn-default mr5" onclick="window.location='{{ url('admin/packages/list') }}'">@lang('messages.Reset')</button>
                    </div>

                </div>
                <div class='col-md-6 form-group  '>
                @if(IzoCommonHelper::hasPermission('package_add'))
                <a class="btn btn-primary tip" href="{{ URL::to('admin/packages/create') }}" title="@lang('messages.Add New')" style="float:right">@lang('messages.Add New')</a>
            @endif
            </div>
                {{-- <div class="buttons_block col-md-6">
                    <div class="btn-group mr5">
                        @if(IzoCommonHelper::hasPermission('package_add'))
                            <a class="btn btn-primary tip" href="{{ URL::to('admin/packages/create') }}" title="@lang('messages.Add New')">@lang('messages.Add New')</a>
                        @endif
                        <!-- @if(IzoCommonHelper::hasPermission('package_bulk_upload'))
                            <a class="btn btn-primary tip" href="{{ URL::to('admin/packages/bulk-upload') }}">@lang('messages.Sync Bulk package Upload')</a>
                        @endif
                        @if(IzoCommonHelper::hasPermission('inventory_bulk_upload'))
                            <a class="btn btn-primary tip" href="{{ URL::to('admin/packages/inventory-bulk-upload') }}">@lang('messages.Sync Bulk Inventory Upload')</a>
                        @endif -->
                    </div>
                </div> --}}
        </div>
        </div>
    </div>

    <div class="clearfix"></div>

    <div class="content">
        <div class="table-responsive">
            @if(IzoCommonHelper::hasPermission('package_list'))
                <table id="productList" class="table table-striped table-bordered responsive">
                    <thead>
                    <tr class="headings">
                        <!-- <th>@lang('Image')</th> -->
                        <th>@lang('messages.Id')</th>
                        <th>@lang('messages.Package Type')</th>
                        <th>@lang('messages.Package Name')</th>
                        <th>@lang('messages.Package')</th>
                        <th>@lang('messages.Price')</th>
                        <th>@lang('messages.Discount Price')</th>
                        <th>@lang('messages.Status')</th>
                        <th>@lang('messages.Hospital Name')</th>
                        <th>@lang('messages.Tests Count')</th>
                        <!-- <th>Manufacturer</th>
                        <th>Brand</th>
                        <th>SKU Code</th> -->
                        <!-- <th>Group SKU Code</th> -->
                        <!-- <th>@lang('messages.Link With Stock')</th> -->
                        <th style="width: 78px;">@lang('messages.Action')</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td class="empty-text" colspan="12" style="background-color: #fff!important;">
                            <div class="list-empty-text text-center"> @lang('messages.No records found.') </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            @endif
        </div>
    </div>

    <script>
        $( document ).ready(function() {
            $('#hospitals').select2();
            $('#package_type').select2();
            var blah= $("#hospitals").val();
            var blah1= $("#package_type").val();

            fetchdata(blah,blah1);
        }); 

        $("#submit").click(function(){
            var blah= $("#hospitals").val();
            var blah1= $("#package_type").val();
            fetchdata(blah,blah1);
        });
 
function fetchdata(value,value1) {
        // $(function () {
            token = $('meta[name="csrf-token"]').attr('content');
            oTable = $('#productList').DataTable({
                dom: 'lfrtip',
                search: {
                    caseInsensitive: true
                },
                "lengthMenu": [[25, 50, 100], [25, 50, 100]],
                processing: true,
                serverSide: true,
                ajax: {
                    url: '{{ URL::to('admin/packages/ajax-list') }}',
                    type: 'GET',
                    data: function (d) {
                        d.hospital_id = value;
                        d.package_type = value1;
                    },
                    headers: {
                        'X-CSRF-TOKEN': token
                    }
                },
                "order": [],
                "columnDefs": [{
                    "targets": 'no-sort',
                    "orderable": false,
                    //"width": "93px", "targets": 6
                }],
                columns: [
                    {data: 'package_id', name: 'package_id', searchable: true},
                    {data: 'package_type', name: 'package_type', searchable: true},
                    {data: 'name_en', name: 'name_en', searchable: true},
                    {data: 'package_payment_type', name: 'package_payment_type', searchable: true},
                    //{data: 'name_en', name: 'name_en', searchable: true},
                    {data: 'price', name: 'price', searchable: false},
                    {data: 'discounted_price', name: 'discounted_price', searchable: true},
                    {data: 'status', name: 'status', searchable: true},
                    {data: 'hospital_name', name: 'hospital_name', searchable: true},
                    {data: 'tests_count', name: 'tests_count', searchable: false},
                    //{data: 'discount_amount', name: 'discount_amount', searchable: true},
                    {data: 'action', name: 'action', searchable: false, orderable: false}
                ],
                stateSave: true,
                 "bDestroy": true
            });
            // $('input[type=search]').on( 'keyup', function () {
            //     regExSearch = '^\\s' + this.value +'\\s*$';
            //     oTable.column(1).search(regExSearch, true, false).draw();
            // });
        // });
        // });
    }
        function changeStatus(productId) {
            currentStatus = $('#product-' + productId).attr('data-status');//It's reverse status
            if (currentStatus == '0') {
                var conf = confirm('Would you like to inactive this Package?');
            } else {
                var conf = confirm('Would you like to active this Package?');
            }
            if (conf == true) {
                var token, url;
                token = $('meta[name="csrf-token"]').attr('content');
                url = '{{ url('admin/packages/change-status') }}';
                var status = $('body #product-' + productId).attr("data-status");
                $.ajax({
                    url: url,
                    headers: {'X-CSRF-TOKEN': token},
                    data: {'status': status, 'id': productId},
                    type: 'POST',
                    datatype: 'json',
                    success: function (resp) {
                        if (resp.http_code == 400) {
                            toastr.warning(resp.message);
                        } else if (resp.http_code == 200) {
                            if (status == 0) {
                                $('#product-' + productId).attr('data-status', 1);
                                $('#product-' + productId).attr('class', '');
                                $('#product-' + productId).attr('class', 'glyphicon glyphicon-thumbs-down');
                            } else if (status == 1) {
                                $('#product-' + productId).attr('data-status', 0);
                                $('#product-' + productId).attr('class', '');
                                $('#product-' + productId).attr('class', 'glyphicon glyphicon-thumbs-up');
                            }
                            toastr.success(resp.message);
                        } else if (resp.http_code == 401) {
                            toastr.warning(resp.message);
                            var login = '{{ url('admin/login')}}';
                            $(location).attr('href', login);
                        } else if (resp.http_code == 500) {
                            toastr.warning(resp.message);
                        }
                    }
                });
            }
        }

        function deleteProduct(productId) {
            var delConf = confirm('Do you want to delete it?');
            if (delConf == true) {
                var token, url;
                token = $('meta[name="csrf-token"]').attr('content');
                url = '{{ url('admin/packages/delete') }}';
                $.ajax({
                    url: url,
                    headers: {'X-CSRF-TOKEN': token},
                    data: {'id': productId},
                    type: 'POST',
                    datatype: 'json',
                    success: function (resp) {
                        if (resp.http_code == 400) {
                            toastr.warning(resp.message);
                        } else if (resp.http_code == 200) {
                            $("#productList").DataTable().ajax.reload();
                            toastr.success(resp.message);
                        } else if (resp.http_code == 401) {
                            toastr.warning(resp.message);
                            var login = '{{ url('admin/login')}}';
                            $(location).attr('href', login);
                        } else if (resp.http_code == 500) {
                            toastr.warning(resp.message);
                        }
                    }
                });
            }
        }
    </script>
    <style>
        .status {
            cursor: pointer;
        }
    </style>
@endsection