@extends('layouts.admin')
@section('content')
    <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 Products')</h4>
                <ul class="breadcrumb">
                    <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a></li>
                    <li><a href="{{ URL::to('admin/product/list') }}">@lang('messages.Manage Products')</a></li>
                    <li>@lang('messages.Sync Bulk Inventory Upload')</li>
                </ul>
            </div>
        </div>
    </div>

    @if (Session::has('message'))
        <div class="admin_sucess_common">
            <div class="admin_sucess">
                <div class="alert alert-info">
                    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">@lang('messages.Close')</span></button>{{ Session::get('message') }}
                </div>
            </div>
        </div>
    @endif

    <div class="content">
        <div class="row">
            @if(IzoCommonHelper::hasPermission('product_inventory_export'))
                <div class="portlet box green">
                    <div class="portlet-title">
                        <div class="caption"><i class="fa fa-download"></i>@lang('messages.Products Inventory Export')</div>
                    </div>
                    <div class="portlet-body form">
                        {!!Form::open(array('class'=>'form-horizontal','id'=>'product_inventory_export','files' => true,'method' => 'post','url' => 'admin/product/inventory-export')) !!}
                        <div class="clearfix mar-bt-15">
                            <div class="col-lg-5">
                                {{ Form::label('warehouse_id', trans('messages.Select Store')) }}
                                <select required class="select2 warehouse_id form-control col-sm-6" id="export_warehouse_id" name="export_warehouse_id[]" multiple>
                                    @if (!empty($warehouseList))
                                        <option value=''>@lang('messages.Select Store')</option>
                                        @foreach($warehouseList as $id => $warehouse)
                                            <option value='{{$id}}'>{{$warehouse}}</option>
                                        @endforeach
                                    @else
                                        <option value=''>@lang('messages.No Store Found')</option>
                                    @endif
                                </select>
                                <button class="btn btn-primary" style="margin-top:10px;" id="down_excel">@lang('messages.Download Excel Template')</button>
                            </div>
                           <!--  <div class="col-lg-3">
                            </div> -->
                            <div class="col-lg-4"></div>
                        </div>
                        {{ Form::close() }}
                    </div>
                </div>
            @endif
            @if(IzoCommonHelper::hasPermission('product_inventory_import'))
                <div class="portlet box green">
                    <div class="portlet-title">
                        <div class="caption"><i class="fa fa-upload"></i>@lang('messages.Products Inventory Import')</div>
                    </div>
                    {!!Form::open(array('class'=>'form-horizontal','id'=>'product_inventory_import','files' => true)) !!}
                    <div class="portlet-body form">
                        <div class="clearfix" style="margin:20px 0;">
                           <!--  <div class="col-lg-5">
                                {{ Form::label('menu', trans('messages.Select Store')) }}
                                <select class="select2 warehouse_id form-control col-sm-6" id="import_warehouse_id" name="import_warehouse_id[]" multiple>
                                    @if (!empty($warehouseList))
                                        <option value=''>@lang('messages.Select Store')</option>
                                        @foreach($warehouseList as $id => $warehouse)
                                            <option value='{{$id}}'>{{$warehouse}}</option>
                                        @endforeach
                                    @else
                                        <option value=''>@lang('messages.No Store Found')</option>
                                    @endif
                                </select>
                            </div> -->
                            <div class="col-lg-5">
                                {{ Form::label('product_inventory_excel', trans('messages.Upload Excel')) }}
                                {!! Form::file('product_inventory_excel',['id'=>'product_inventory_excel','required'=>true,'onchange'=>"validateFileType()"]) !!}
                                <input type="submit" style="margin-top:10px;" name="submit" id="submitBtn" class="btn btn-primary">
                            </div>
                            <div class="col-lg-2">
                            </div>
                        </div>
                        {{ Form::close() }}
                    </div>
                </div>
            @endif
        </div>
    </div>
    <script>
        $('.warehouse_id').select2();
        $('#product_inventory_import').submit(function (e) {
            e.preventDefault();
            // $('#loader-wrapper').removeClass('loader');
            $('#submitBtn').prop('disabled', true);
            var token, url, data;
            token = $('meta[name="csrf-token"]').attr('content');
            // $import_warehouse_id = $('#import_warehouse_id').val();
            // if($import_warehouse_id == '') {
            //     alert('select store first :');
            //     return false;
            // }
            url = '{{url('admin/product/inventory-import')}}';
            data = new FormData(this);
            $.ajax({
                url: url,
                headers: {'X-CSRF-TOKEN': token},
                data: data,
                processData: false,
                contentType: false,
                type: 'POST',
                datatype: 'json',
                success: function (resp) {
                    $('#submitBtn').prop('disabled', false);
                    $('#loader-wrapper').addClass('loader');
                    if (resp.http_code == 400) {
                        // err_msg = resp.message.replace(/, \\n /g, '<br>');
                        toastr.error(resp.message);
                    } else if (resp.http_code == 200) {
                        toastr.success(resp.message);
                        location.reload();
                    } 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);
                    }
                }, error: function (r) {
                    $('#loader-wrapper').addClass('loader');
                    $('#submitBtn').prop('disabled', false);
                }
            });
        });
        function validateFileType() {
            var fileName = $('#product_inventory_excel')[0].files[0];
            var file_name = fileName.name;
            var file_size = fileName.size;
            var extFile = file_name.split('.').pop().toLowerCase();
            if (extFile != "csv" && extFile != "xls" && extFile != "xlsx") {
                $('#product_inventory_excel').val('');
                alert("Only csv,xls and xlsx files are allowed!");
            }
        }
    </script>
@endsection