@extends('layouts.backend')
@section('extraCss')
<style type="text/css">
.table-responsive{
  overflow-x: auto !important;
}

.fieldset{
    padding: 1rem !important;
    border : 2px dashed #d0d7dd !important;  

}

</style>
@endsection
@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <h4>
            Manage Articles
            <a href="{{ route('articles.create') }}" class="btn btn-info float-right btn-sm"><i class="fa fas fa-plus"></i> Add new Article</a>
        </h4>
    </div>
    <div class="card-body">      
         
        <div class="alert alert-default " >  
          <form action="{{ route('articles.index') }}" id="articlereport" >
          @csrf
                <fieldset class="fieldset">
                <legend  style="width:auto !important;color:#97b5d3;"> Filter </legend>       
                    <div style= "padding:5px;">                                                            
                    </div>
                    <div class="col-sm-12 "> </div>
                    <div class="row">
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block"><b> Name </b></label>
                            <input name="name" id="codes" class="form-control" value="{{ !empty(Session::get('name') ) ? Session::get('name') : request('name') }}">
                        </div>
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block"><b> Name(Array) </b></label>
                            <input name="namearr" id="codes" class="form-control" value="{{ !empty(Session::get('code') ) ? Session::get('code') : request('namearr') }}">
                        </div>
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block" ><b> HSN </b></label>
                            <select name="hsn" id="hsns" class="form-control select2">
                                <option value="">Any</option>
                                @foreach($hsns as $hsn)
                                <option value="{{ $hsn->id }}" {{ (!empty(Session::get('hsn_id') ) ? Session::get('hsn_id') :  request('hsn')) == $hsn->id ? 'selected' : '' }}>{{ $hsn->name . ' ('.$hsn->code.')' }}</option>
                                @endforeach
                            </select>
                        </div>
                        
                    </div>
                    <div class="row mt-3">
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block"><b> SECTION </b></label>
                            <select name="category" id="sections" class="form-control select2">
                                <option value="">Any</option>
                                @foreach($sections as $section)
                                @php $dash=''; @endphp
                                <option value="{{ $section->id }}">{{ $section->name }}</option>
                                @foreach ($section->childrenCategories as $childCategory)
                                    @include('backend.subsections.child_category', ['child_category' => $childCategory])
                                @endforeach
                                @endforeach
                            </select>
                        </div>  
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block" ><b> FABRIC </b></label>
                            <select name="fabric" id="fabrics" class="form-control select2">
                                <option value="">Any</option>
                                @foreach($fabrics as $fabric)
                                <option value="{{ $fabric->id }}" {{ (!empty(Session::get('unit_id') ) ? Session::get('unit_id') : request('fabric') ) == $fabric->id ? 'selected' : '' }}>{{ $fabric->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block" ><b> DESIGNER </b></label>
                            <select name="designer" id="designers" class="form-control select2">
                                <option value="">Any</option>
                                @foreach($designers as $designer)
                                <option value="{{ $designer->id }}" {{ (!empty(Session::get('purchase_unit_id') ) ? Session::get('purchase_unit_id') : request('designer') )== $designer->id ? 'selected' : '' }}>{{ $designer->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        
                    </div>

                    <div class="row mt-3">  
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block"><b> SEASON </b></label>
                            <select name="season" id="seasons" class="form-control select2">
                                <option value="">Any</option>
                                @foreach($seasons as $season)
                                <option value="{{ $season->id }}" {{ (!empty(Session::get('sale_unit_id') ) ? Session::get('sale_unit_id') : request('season') == $season->id ) ? 'selected' : '' }}>{{ $season->name }}</option>
                                @endforeach
                            </select>
                        </div>                  
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block" ><b> BRAND </b></label>
                            <select name="brand" id="brands" class="form-control select2">
                                <option value="">Any</option>
                                @foreach($brands as $brand)
                                <option value="{{ $brand->id }}" {{ (!empty(Session::get('brand_id') ) ? Session::get('brand_id') : request('brand') ) == $brand->id ? 'selected' : '' }}>{{ $brand->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block" ><b> ACTIVE </b></label>
                            <select name="is_active" id="is_active" class="form-control select2">
                                <option value="">Any</option>
                                <option value="2" {{ request('is_active') == 2 ? 'selected' : '' }}>Active</option>
                                <option value="1" {{ request('is_active') == 1 ? 'selected' : '' }}>Inactive</option>
                            </select>
                        </div>
                       
                    </div>

                    <div class="row mt-3"> 
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block"><b> From Date </b></label>
                            <input type="text" name="fromdate" id="fromdate"  class="form-control datepicker" placeholder="Enter date" value=" {{ !empty(Session::get('fromdate')) ? Session::get('fromdate') : ( empty(request('fromdate')) ? '' : request('fromdate') ) }}" >
                            @if ($errors->has('fromdate'))
                            <span class="text-danger">{{ $errors->first('fromdate') }}</span>
                            @endif
                        </div>                   
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block" ><b> To Date </b></label>
                            <input type="text" name="todate" id="todate"  class="form-control datepicker" placeholder="Enter date" value=" {{ !empty(Session::get('todate')) ? Session::get('todate') : ( empty(request('todate')) ? '' : request('todate') ) }}" >
                            @if ($errors->has('todate'))
                            <span class="text-danger">{{ $errors->first('todate') }}</span>
                            @endif
                        </div>                   
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block"><b> ACTION </b></label>
                            <button class="btn  btn-success  btn-sm d-inline" id="submit" ><i class="fa fas fa-search"> Search </i></button>
                            <button class="btn btn-primary  btn-sm d-inline" type="button" onclick="window.location.href='{{ route('articles.rest') }}';"><i class="fa fas fa-refresh"> Reset </i></button>
                        </div>
                    </div>

                </fieldset>  
          </form>
        </div>
       <a href="{{ route('articles-updatelist',['is_update' => 1]) }}" class="btn btn-info float-right btn-sm">View  Draft Article</a>
        <!-- <a href="{{ route('articles-updatelist',['is_update' => 1, 'newdraft' => 1]) }}" class="btn btn-info float-right btn-sm mr-2">View Draft Article</a> -->
        <input type="button" style="font-size: 20px;float: right;margin-right: 20px;" data-toggle="modal" data-target="#ContentModal" class="btn btn-xs btn-danger btn-sm"  value="Article For Content" /> 
        <a href="javascript:;" class="btn btn-info float-right btn-sm mr-2" id="r_thumbnail" onclick="return confirm('Are you sure want to regenerate thumbnail?')?r_thumbnail(1):'';" data-toggle="modal" data-target="#t_modal">Regenerate Thumbnail</a> 
        <a href="javascript:;" class="btn btn-info float-right btn-sm mr-2" id="r_tags" onclick="return confirm('Are you sure want to regenerate tags?')?r_tags(1):'';" data-toggle="modal" data-target="#tags_modal">Regenerate Tags</a> 
        
        <button id="onlineDataExcel"  class="btn btn-info  ">Online Data Excel</button>
        <br><br> <br><br> 
        <div class="table-responsive" >
            <table class="table table-bordered ">
                <thead>
                    <tr>
                        <th width="130"></th>
                        <th>HSN</th>
                        <th>Name</th>
                        <th>Code</th>
                        <th>Section</th>
                        <th>Brand</th>
                        <th>Season</th>
                        <th>Designer</th>
                        <th><input type='checkbox' id='CheckAll'></th> 
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @if($articles->count() > 0)
                    @foreach($articles as $article)
                    <!-- @php
                        $color = ($article->content_approved == '1') ? 'green' : '' ; 
                    @endphp -->
                    @php
                        $color = ($article->content_approved == '1') ? 'green' : '' ; 
                        $articleimg = \App\ArticleImg::where('code',preg_replace('#[^\w()/.%\-&]#',"",$article->code))->whereIn('sort_order',array(1,0))->orderby('id', 'desc')->first(); 

                        $images = empty($articleimg->imgname) || $articleimg->imgname == 'NULL' ? 'https://via.placeholder.com/100x100.png?text=No Photo' : asset('/uploads/articles/photos/full/'.$articleimg->imgname);

                    @endphp
                    <tr style="color:{{$color}} {{ !empty($articleimg->sort_order)?$articleimg->sort_order:6 }}">
                      <!--   <td><img src="{{  empty($article->image) || $article->image == 'NULL' ? 'https://via.placeholder.com/100x100.png?text=No Photo' : asset('/uploads/articles/'.$article->image) }}" style="width:100px;" class="img-fluid center-block img-rounded"></td> -->
                        <td> <img src="{{ $images }}" style="width:100px;" class="img-fluid center-block img-rounded"></td>
                       
                        <td>{{ !empty($article->hsn) ? $article->hsn->code : 'N/A' }}</td>
                        <td>{{ $article->name }}</td>
                        <td>{{ $article->code }}</td>
                        <td>{{ empty($article->category->name) ? 'N/A' : $article->category->name }}</td>
                        <td>{{ empty($article->brand->name) ? 'N/A' : $article->brand->name }}</td>
                        <td>{{ empty($article->season->name) ? 'N/A' : $article->season->name }}</td>
                        <td>{{ empty($article->designer->name) ? 'N/A' : $article->designer->name }}</td>
                        <td><input type='checkbox' name="article[]" class='checkboxes' value="{{ $article->id }}"></td>
                        <td>
                            <a href="{{ route('articles.edit',['id' => $article->id]) }}" class="btn btn-sm btn-block btn-primary"><i class="fa fas fa-pencil"></i> Modify</a>
                            @if($article->is_active == 0)
                            <a href="{{ route('articles-active',['id' => $article->id]) }}" class="btn btn-sm btn-block btn-success"><i class="fa fas fa-check"></i> Activate</a>
                            @else
                            <a href="{{ route('articles-deactive',['id' => $article->id]) }}" class="btn btn-sm btn-block btn-danger"><i class="fa fas fa-times"></i> Deactivate</a>
                            @endif
                            <a href="{{ route('articles.direct',['id' => $article->id]) }}" class="btn btn-sm btn-block btn-primary"><i class="fa fas fa-pencil"></i> Approval</a>
                          
                        </td>
                    </tr>
                    @endforeach
                    @else
                    <tr>
                        <td colspan="8"><div class="alert alert-danger">No product found!</div></td>
                    </tr>
                    @endif
                </tbody>
            </table>
        </div>
        <div class="text-right">           
            {!! $articles->appends(Request::all())->links() !!}
        </div>
    </div>
</div>

<div class="modal fade bd-example-modal" id="ContentModal" role="dialog"  data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog ">
        <div class="modal-content">
            <form>
            <div class="modal-header text-center">
                <h4 class="modal-title w-100 font-weight-bold"> Content Assign</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
            </div> 
            <div class="row" style="margin-top:20px;">      
                <label for="staff_name" class="col-sm-2" style="margin-left:40px;">Assign To</label> 
                <select name="staff_name" id="staff_name" class="col-sm-6 form-control" required>
                <option value=''>select</option>  
                @foreach($users as $key => $value)                    
                <option value="{{ $value->name }}"  >{{ $value->name }}</option>
                @endforeach
                </select>          
            </div>  

            <div class="modal-footer d-flex justify-content-center" style="border-top:none;">
               <button type = 'button' class="btn btn-default" id='deactive'>Assign</button>
            </div> 
        </form>
        </div>
    </div>
</div>
<div class="modal fade bd-regenerate-modal" id="t_modal" role="dialog"  data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog ">
        <div class="modal-content p-4 t_progress">
            <h5 class="text-center">Generating Thumbnails</h5>
            <div class="progress mt-4"><div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div></div><span>0%</span><br>
            <p class="text-center"><img src="/suti-erp-with-analytics/public/backend-design/img/loader.gif" width="24" /></p>
        </div>
    </div>
</div>
<div class="modal fade bd-regenerate-modal" id="tags_modal" role="dialog"  data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog ">
        <div class="modal-content p-4 t_progress">
            <h5 class="text-center">Generating Tags</h5>
            <div class="progress mt-4"><div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div></div><span>0%</span><br>
            <p class="text-center"><img src="/suti-erp-with-analytics/public/backend-design/img/loader.gif" width="24" /></p>
        </div>
    </div>
</div>

@endsection
@section('extraJs')
<script type="text/javascript">

$('#CheckAll').change(function() {
    if ($(this).is(":checked")) {
        $('.checkboxes').prop("checked", true);
    } else {
        $('.checkboxes').prop("checked", false);
    }
});

$('#onlineDataExcel').click(function () {      
    var arr = [];            

    $('.checkboxes:checked').each(function () {       
            var strArray = $(this).val().split(","); 
            arr[i++] = strArray[0];        
    }); 

    if (arr.length === 0) {
    alert('Please Select/checked  Article ');
    return false;
    }

    var url = "{{url('articles-excel-onlinedata')}}"+"/"+arr;   
    window.open(url, '_blank');
        
});
i = 0;
$('#deactive').click(function () {      
    var arr = [];
    var staff_name = $('#staff_name').val();
    $('.checkboxes:checked').each(function () {
            console.log($(this).val());
            arr[i++] = $(this).val();            
            setContent($(this).val(),0,staff_name);
    });
    console.log(arr);
}); 

function setContent(code,status,staff_name){
    
    var _token   = $('meta[name="csrf-token"]').attr('content'); 
    $.ajax({
        type: "get",
        url: "{{ route('article-content-add') }}",
        data: {
        code: code,            
        status:status, 
        staff_name:staff_name,             
        _token: _token
        },
        dataType: "json",                       
        success: function(response) { 
            var reason = JSON.stringify(response);  
            var parsed = JSON.parse(reason);            
            console.log(parsed); 
            if (parsed.status == false) {
            toastr.error(parsed.info);
            $('.submitBtn').removeAttr("disabled");
            } else {
            toastr.success(parsed.info);           
            window.location.reload();        
            
            }
        }
    });
   
}

var data = {!! !empty(Session::get('category_id')) ? Session::get('category_id') : 0 !!};
console.log(data);
$('#sections>option[value="' + data + '"]').prop('selected', true);

$(function () {
  $('#ContentModal').on('show.bs.modal', function (event) {  
  });
});

function r_thumbnail(page) {
    var _token   = $('meta[name="csrf-token"]').attr('content');
    $.ajax({
        type: "get",
        url: "{{ route('regenerate-thumbnail') }}",
        data: {
        _token: _token,
        page: page,
        },
        success: function(response) {
            var j = JSON.parse(response);         
            console.log(j);
            $('.t_progress > div > div').css('width', (page / j.pages)*100+'%');
            $('.t_progress > span').text(parseInt((page / j.pages)*100)+'%');
            if(page < j.pages) {
                setTimeout(function() {
                    r_thumbnail(page+1);
                }, 2000);
                if (j.status == false) {
                    //toastr.error(j.info);
                    //$('.submitBtn').removeAttr("disabled");
                } else {
                    //toastr.success(j.info);
                }
            }
            else {
                $('#t_modal').modal('hide');
            }
        }
    });
}

function r_tags(page) {
    var _token   = $('meta[name="csrf-token"]').attr('content');
    $.ajax({
        type: "get",
        url: "{{ route('regenerate-tags') }}",
        data: {
        _token: _token,
        page: page,
        },
        success: function(response) {
            var j = JSON.parse(response);         
            console.log(j);
            $('.t_progress > div > div').css('width', (page / j.pages)*100+'%');
            $('.t_progress > span').text(parseInt((page / j.pages)*100)+'%');
            if(page < j.pages) {
                setTimeout(function() {
                    r_tags(page+1);
                }, 2000);
                if (j.status == false) {
                } else {
                }
            }
            else {
                $('#tags_modal').modal('hide');
            }
        }
    });
}

</script>
@endsection