@extends('layouts/fams_layout')
@section('title', '| Brand')
@section('content')

@php
  $brandIdsFromProductTable = DB::table('fams_product')->distinct()->pluck('brandId')->toArray(); 
  $brandIdsFromModelTable = DB::table('fams_product_model')->distinct()->pluck('productBrandId')->toArray(); 
  $foreignBrandIds = array_merge($brandIdsFromProductTable, $brandIdsFromModelTable);
  $foreignBrandIds = array_unique($foreignBrandIds);
@endphp

<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6">
<div class="" style="">
    <div class="">
      <div class="panel panel-default" style="background-color:#708090;">
        <div class="panel-heading" style="padding-bottom:0px">
          <div class="panel-options">
              <a href="{{url('addFamsPbrand/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-plus-sign addIcon"></i>Add Brand</a>
          </div>
            <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">BRANDS</font></h1>
        </div>
        <div class="panel-body panelBodyView"> 
        <div>
          <script type="text/javascript">
          jQuery(document).ready(function($)
          {
            /*$("#famsProBrandView").dataTable().yadcf([
    
            ]);*/
            $("#famsProBrandView").dataTable({
                   "oLanguage": {
                  "sEmptyTable": "No Records Available",
                  "sLengthMenu": "Show _MENU_ "
                  }
                });
          });
          </script>
        </div>
          <table class="table table-striped table-bordered" id="famsProBrandView">
            <thead>
                <tr>
                  <th width="32">SL#</th>
                  <th>Name</th>
                  
                  <th>Action</th>
                </tr>
                {{ csrf_field() }}
                </thead>
                <tbody> 
                                    @foreach($productBrands as $productBrand)
                   @php                    
                    $isBelongToProduct = DB::table('fams_product')->where('brandId',$productBrand->id)->value('id');
                    $isBelongToModel = DB::table('fams_product_model')->where('productBrandId',$productBrand->id)->value('id');

                    $allowedToDelete = max($isBelongToProduct,$isBelongToModel);
                  @endphp

                    <tr class="item{{$productBrand->id}}">
                      <td class="text-center slNo">{{++$no}}</td>

                      <td style="text-align: left;padding-left: 15px;"><font color="black">{{$productBrand->name}}</font></td>
                      

                      <td class="text-center" width="80">

                          <a href="" data-toggle="modal" data-target="#edit-modal-{{$productBrand->id}}" >
                                                <span class="glyphicon glyphicon-edit"></span>
                                            </a>&nbsp

                            @php
                            if (in_array($productBrand->id, $foreignBrandIds)) {
                              $canDelete = 0;
                            }
                            else{
                              $canDelete = 1;
                            }   
                          @endphp

                           <a href="" data-toggle="modal" data-target="#delete-modal-{{$productBrand->id}}" @php if($canDelete==0){echo "style=\"pointer-events: none;cursor: not-allowed;\"";} @endphp>
                                                <span class="glyphicon glyphicon-trash"></span>
                                            </a>
                    </td>
                    </tr>
                  @endforeach
                </tbody>
          </table>
        </div>
      </div>
  </div>
  </div>
</div>
<div class="col-md-3"></div>
</div>


@foreach($productBrands as $prodBrand)

{{-- Edit Modal --}}
    <div id="edit-modal-{{$prodBrand->id}}" class="modal fade edit-modal" style="margin-top:3%">
        <div class="modal-dialog modal-md">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" style="clear:both;background-color:black;color:white; padding:10px;text-align:center;">Brand</h4>
                </div>
                <div class="modal-body">

                   <div class="row" style="padding-bottom: 20px;">

                            <div class="col-md-12" style="padding-left:0px;">

                                <div class="col-md-12" style="padding-right:2%;">{{--1st col-md-6--}}
                                    <div class="form-horizontal form-groups">

                                    <div class="form-group">
                                    {!! Form::hidden('editModalBrandId',$prodBrand->id,['id'=>'editModalBrandId-'.$prodBrand->id]) !!}
                                        {!! Form::label('editModalBrandName', 'Brand Name:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                           {!! Form::text('editModalBrandName',$prodBrand->name,['class'=>'form-control','id'=>'editModalBrandName-'.$prodBrand->id,'autocomplete'=>'off']) !!}
                                           <p id="editModalBrandNamee-{{$prodBrand->id}}"></p>

                                    </div>
                                        </div>

                                       

                                        </div>
                                </div>
                            </div>
                      </div>


                      <div class="modal-footer">
                        <button class="btn actionBtn glyphicon glyphicon-check btn-success edit" id="update-{{$prodBrand->id}}" type="button"><span> Update</span></button>
                        <button class="btn btn-danger glyphicon glyphicon-remove" data-dismiss="modal" type="button"><span id=""> Close</span></button>
                    </div>


                </div>
            </div>
        </div>
    </div>

    {{-- End Edit Modal --}}


    {{-- Delete Modal --}}
        <div id="delete-modal-{{$prodBrand->id}}" class="modal fade" style="margin-top:3%">
            <div class="modal-dialog modal-md">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" style="clear:both;background-color:black;color:white; padding:10px">Delete!</h4>
                    </div>
                    <div class="modal-body">
                        <h2>Are You Confirm to Delete This Record?</h2>

                        <div class="modal-footer">
                            {!! Form::open(['url' => 'deleteFamsPbrand/']) !!}
                            <input type="hidden" name="productId" value={{$prodBrand->id}}>
                            <button  type="submit" class="btn actionBtn glyphicon glyphicon-check btn-success"><span id=""> Confirm</button>
                            <button class="btn btn-danger glyphicon glyphicon-remove" data-dismiss="modal" type="button"> Close</button>
                            {!! Form::close() !!}

                        </div>

                    </div>
                </div>
            </div>
        </div>
        {{-- End Delete Modal --}}


            {{-- Update data --}}
    <script type="text/javascript">
      $(document).ready(function() {
        var modalId = "{{$prodBrand->id}}";
        $("#update-"+modalId).click(function() {

          var id = $("#editModalBrandId-"+modalId).val();
          var name = $("#editModalBrandName-"+modalId).val();
          
          var csrf = "{{csrf_token()}}";


          $.ajax({
                        type: 'post',
                        url: './editFamsPbrand',
                        data: {id: id, name:name, _token: csrf},
                        dataType: 'json',
                        success: function( _response ){
                          if (_response.accessDenied) {
                              showAccessDeniedMessage();
                              return false;
                          }
                            if(_response.errors) {
                                if (_response.errors['name']) {

                                    $("#editModalBrandNamee-"+modalId).empty();
                                     $('#editModalBrandNamee-'+modalId).append('<span class="errormsg" style="color:red;">'+_response.errors.name+'</span>');
                                     $("#editModalBrandNamee-"+modalId).show();
                                }
                               
                            }
                            else{
                                
                                window.location.href = "viewFamsPbrand";
                            }
                            
                        },
                        error: function() {
                            alert("Error");
                        }

                    });

        });
      });
      {{-- End Update data --}}
      </script>

@endforeach

@include('dataTableScript')
@endsection