@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 Prodcut 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_export'))
                <div class="portlet box green">
                    <div class="portlet-title">
                        <div class="caption"><i class="fa fa-download"></i>@lang('messages.Products Export')</div>
                    </div>
                    <div class="portlet-body form">
                        {!!Form::open(array('class'=>'form-horizontal','id'=>'product_export','files' => true,'method' => 'post','url' => 'admin/product/export')) !!}
                        <div class="clearfix mar-bt-15">
                            <div class="col-lg-6">
                                {{ 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">
                                    @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>
                                <button class="btn btn-primary" style="margin-top:10px;" name="action" value="less_column" id="down_less_excel">@lang('messages.Sku Code Based Price')</button>
                            </div>
                        </div>
                        {{ Form::close() }}
                    </div>
                </div>
            @endif
            @if(IzoCommonHelper::hasPermission('product_import'))
                <div class="portlet box green">
                    <div class="portlet-title">
                        <div class="caption"><i class="fa fa-upload"></i>@lang('messages.Products Import')</div>
                    </div>
                    {!!Form::open(array('class'=>'form-horizontal','id'=>'product_import','files' => true)) !!}
                    <div class="portlet-body form">
                        <div class="clearfix" style="margin:20px 0;">
                            <div class="col-lg-6">
                                {{ Form::label('menu', trans('messages.Select Import Option')) }}
                                <select required class="select2 import_option form-control col-sm-6" id="import_option" name="import_option">
                                        <option value=''>@lang('messages.Select Import Option')</option>
                                        <option value='normal'>@lang('messages.Normal Import')</option>
                                        <option value='sku_code_based'>@lang('messages.Sku Code Based Import')</option>
                                </select>
                            </div>

                            <div class="col-lg-6">
                                {{ 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">
                                    @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-12">
                                {{ Form::label('product_excel', trans('messages.Upload Excel')) }}
                                {!! Form::file('product_excel',['class'=>'product_excel','required'=>true,'onchange'=>"validateFileType()"]) !!}
                            </div>
                            <div class="col-lg-2">
                                <input type="submit" style="margin-top:25px;" name="submit" id="submitBtn" class="btn btn-primary">
                            </div>
                        </div>
                        {{ Form::close() }}
                    </div>
                </div>
            @endif

            @if(IzoCommonHelper::hasPermission('product_import'))
                <div class="portlet box green">
                    <div class="portlet-title">
                        <div class="caption"><i class="fa fa-upload"></i>@lang('messages.Products Clone')</div>
                    </div>
                    {!!Form::open(array('class'=>'form-horizontal','id'=>'product_clone','files' => true)) !!}
                    <div class="portlet-body form">
                        <div class="clearfix" style="margin:20px 0;">
                            <div class="col-lg-6">
                                {{ Form::label('menu', trans('messages.From Store')) }}
                                <select required class="select2 from_store form-control col-sm-6" id="from_store" name="from_store">
                                    @if (!empty($warehouseList))
                                        <option disabled selected>@lang('messages.Select From 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-6">
                                {{ Form::label('menu', trans('messages.To Store')) }}
                                <select class="select2 to_store form-control col-sm-6" id="to_store" name="to_store[]" multiple>
                                    @if (!empty($warehouseList))
                                        <option disabled>@lang('messages.Select To 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-2">
                                <input type="submit" style="margin-top:25px;" name="submit" id="productCloneSubmit" class="btn btn-primary">
                            </div>
                        </div>
                        {{ Form::close() }}
                    </div>
                </div>
            @endif
        </div>
    </div>
    <script>
        $('.warehouse_id').select2();
        $('.import_option').select2();
        $('#from_store').select2();
        $('#to_store').select2();
        $('#product_import').submit(function (e) {
            e.preventDefault();
            // $('#loader-wrapper').removeClass('loader');
            $('#submitBtn').prop('disabled', true);
            var token, url, data, import_option;
            token = $('meta[name="csrf-token"]').attr('content');
            import_option = $('#import_option').val();
            $import_warehouse_id = $('#import_warehouse_id').val();
            if($import_warehouse_id == '') {
                alert('select store first :');
                return false;
            }
            if(import_option == 'normal') {
                url = '{{url('admin/product/import')}}';
            } else if(import_option == 'sku_code_based') {
                url = '{{url('admin/product/import-sku-code-based')}}';
            }
            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);
                }
            });
        });

         $('#product_clone').submit(function (e) {
            e.preventDefault();
            $('#productCloneSubmit').prop('disabled', true);
            var token, url, data, import_option;
            token = $('meta[name="csrf-token"]').attr('content');
            url = "{{url('admin/product/clone')}}";
            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) {
                    $('#productCloneSubmit').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');
                    $('#productCloneSubmit').prop('disabled', false);
                }
            });
        });
        function validateFileType() {
            var fileName = $('.product_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_excel').val('');
                alert("Only csv,xls and xlsx files are allowed!");
            }
        }
        $("#import_option").change(function(){
            var option = this.value;
            if(option == 'normal') {
                $('.product_excel').val('');
            } else if (option == 'sku_code_based') {
                $('.product_excel').val('');
            }
        });

        $('#from_store').on('change', function(){
            from_id =  $(this).val();
            $("#to_store option").each(function() {
                $(this).removeAttr('disabled');
            });
            $('#to_store option[value='+from_id+']').attr('disabled','disabled');
            $('#to_store').select2().trigger('change');
        });
    </script>
@endsection