@extends('branch.layout.default')

@section('content')

<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title ">
                    Manage Products
                </h3>
            </div>
        </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content">
        <!--Begin::Section-->
        <div class="row">
            <div class="col-lg-12">
                <div class="m-portlet">
                    <div class="m-portlet__head">
                        <div class="m-portlet__head-tools">
                            <ul class="m-portlet__nav">
                                <li class="m-portlet__nav-item">
                                    <div class="m-input-icon m-input-icon--left">
                                        <input type="text" id="searchData" value="{{ $q }}" class="form-control m-input m-input--pill" placeholder="Search">
                                        <span class="m-input-icon__icon m-input-icon__icon--left">
                                            <span>
                                                <i class="la la-search"></i>
                                            </span>
                                        </span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="m-portlet__body">
                        @if (session()->has('success'))
                        <div class="m-alert m-alert--icon alert alert-success" role="alert">
                            <div class="m-alert__icon">
                                <i class="la la-check"></i>
                            </div>
                            <div class="m-alert__text">
                                {!! session()->get('success') !!}
                            </div>
                            <div class="m-alert__close">
                                <button type="button" class="close" data-close="alert" aria-label="Close"></button>
                            </div>
                        </div>
                        @endif

                        @if (session()->has('error'))
                        <div class="m-alert m-alert--icon alert alert-primary" role="alert">
                            <div class="m-alert__icon">
                                <i class="la la-warning"></i>
                            </div>
                            <div class="m-alert__text">
                                {!! session()->get('error') !!}
                            </div>
                            <div class="m-alert__close">
                                <button type="button" class="close" data-close="alert" aria-label="Close"></button>
                            </div>
                        </div>
                        @endif

                        @if (session('status'))
                        <div class="m-alert m-alert--icon alert alert-danger" role="alert">
                            <div class="m-alert__icon">
                                <i class="la la-warning"></i>
                            </div>
                            <div class="m-alert__text">
                                {{ session('status') }}
                            </div>
                            <div class="m-alert__close">
                                <button type="button" class="close" data-close="alert" aria-label="Close"></button>
                            </div>
                        </div>
                        @endif

                        <ul class="nav nav-pills  nav-fill-gray" role="tablist" id="tabUL">
                            <li class="nav-item">
                                <a class="nav-link " href="{{ url('branch/branch-product') }}">
                                    Products
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link active" href="{{ url('branch/additional-product') }}">
                                    Additional items
                                </a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active" id="additonal_items">
                                <div class="table-responsive">
                                    <table class="table table-bordered m-table m-table--border-brand m-table--head-bg-brand nowrap-text">
                                        <thead>
                                            <tr>
                                                <th>
                                                    Sr. No.
                                                </th>
                                                <th>
                                                    Product Availabilty
                                                </th>
                                                <th>
                                                    Additional Items
                                                </th>
                                                                                                <th id="orderBy-{{ $orderBy }}" onClick="orderBy(this.id)">
                                                    Amount
                                                    <i id="orderByArrow" class=" fa {{ $arrowClass }}"></i>
                                                </th>
                                                <th>
                                                    Action
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if(count($additionalproducts)>0)
                                                                                        @foreach ($additionalproducts as $index=>$products)
                                            

                                            <tr>
                                                <td>
                                                    {{$index+$additionalproducts->firstItem() }}
                                                </td>
                                                <td>
                                                    <label class="m-checkbox m-checkbox--solid mb-0">
                                                        @if(!empty($checked))
                                                        <input type="checkbox" {{$checked}} id="checkbox-{{ $products->id}}-{{ $products->productAvailibilityId }}" onClick="checkbox(this.id)" value="{{$checked}}">
                                                        @else
                                                        <input type="checkbox" {{$checked}} id="checkbox-{{ $products->id}}" onClick="checkbox(this.id)" value="{{$checked}}">
                                                        @endif
                                                        &nbsp;
                                                        <span></span>
                                                    </label>
                                                </td>
                                                <td>
                                                    {{ ucFirst($products->item_name) }}
                                                </td>
                                                <td>
                                                    {{$products->price}}
                                                </td>
                                                <td class="align-middle">
                                                    <span class="m-switch m-switch--icon m-switch--info m-1">
                                                        <label class="align-middle mb-0">
                                                            <input type="checkbox" {{$status}} disabled="true">
                                                            <span></span>
                                                        </label>
                                                    </span>
                                                </td>
                                            </tr>
                                                                                        @endforeach

                                            @else
                                            <tr>
                                                <td colspan="8">
                                                    <center>Result not found</center>
                                                </td>
                                            </tr>
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            {{ $additionalproducts->appends(\Request::except('page'))->links()  }}
                        </div>
                        @if( count( $additionalproducts ) > 0 )
                        <div class="form-group row formFlex radioCheckDv">
                            <label class="col-md-3">
                                Format
                            </label>
                            <div class="col-md-6">
                                <div class="row m-radio-list">
                                    <label class="col-md-3 formFlex m-radio"><input type="radio" name="filetype" value="excel" checked />EXCEL<span></span></label>
                                    <label class="col-md-3 formFlex m-radio"><input type="radio" name="filetype" value="csv" checked />CSV<span></span></label>
                                    <label class="col-md-3 formFlex m-radio"> <input type="radio" name="filetype" value="pdf" />PDF<span></span></label>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <a href="#" onclick="DownloadList( )" class="btn btn-primary">Download</a>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <!--End::Section-->
    </div>

</div>
@endsection
@section('js')

<script>
    function checkbox(clicked_id) {
        var button_id = clicked_id;
        var button_id1 = clicked_id;
        var id = button_id.split("-")[1];
        var is_additional = '1';
        var checked = "";
        var product_avail_id = 0;
        console.log('button_id' + button_id);
        if ($('#' + button_id1).is(":checked")) {
            checked = "checked";
        } else {
            product_avail_id = button_id.split("-")[2];
        }
        console.log('id' + id, 'checked' + checked, 'isAdditional' + is_additional, 'productAvailiabilityId' + product_avail_id);
        //      return false;
        $.ajax({
            url: "{{route('isProductAvailable')}}",
            type: "POST",
            data: {
                "_token": "{{ csrf_token() }}",
                'id': id,
                'checked': checked,
                'isAdditional': is_additional,
                'productAvailiabilityId': product_avail_id
            },
            success: function(result) {
                //            console.log(result);
                location.reload();
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                alert("Status: " + textStatus);
                alert("Error: " + errorThrown);
                location.reload();
            }
        });

    }

    $('#searchData').keypress(function(e) {
        var key = e.which;
        if (key == 13) // the enter key code
        {
            var data = $('#searchData').val();
            window.location.href = "{{ url('branch/additional-product') }}?q=" + data;
            return false;
        }
    });

    function orderBy(clicked_id) {
        var status = clicked_id;
        var orderById = status.split("-")[1];
        if (orderById == '0') {
            orderById = '1';
        } else if (orderById == '1') {
            orderById = '2';
        } else if (orderById == '2') {
            orderById = '1';
        }
        window.location.href = "{{ url('branch/additional-product') }}?orderBy=" + orderById;

        return false;
    }

    function DownloadList() {
        var q = $('#searchData').val();
        var filetype = $('input[name=filetype]:checked').val();
        var url = "{{url('branch/download-additionalProduct')}}?file_type=" + filetype + "&q=" + q;
        window.location = url;
    }
</script>
@endsection