@extends('Layouts.adminLayout')
@section('title')
     {{__('Category And Brand')}}
@endsection
@section('css')
<link rel="stylesheet" type="text/css" href="{{ asset('Admin/app-assets/vendors/css/extensions/sweetalert2.min.css') }}">
@endsection
@section('breadcrumb')
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <div class="breadcrumb-wrapper col-12">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="#">{{__('Panel')}}</a></li>
                                    <li class="breadcrumb-item"><a href="#">{{__('Category')}}</a> </li>
                                    <li class="breadcrumb-item active"><a href="#">{{__('Category And Brand')}}</a></li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
@endsection
@section('content')

 

                <section id="multiple-column-form">
                    <div class="row match-height">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">{{__('Category And Brand')}}</h4>
                                </div>
                                <div class="card-content">
                                    <div class="card-body">
                                        
                                        <form novalidate method="POST"
                                              action="{{route('Admin.categorys.storeCategoryBrand')}}"
                                              enctype="multipart/form-data" novalidate>
                                            @CSRF
                                            <div class="form-body">
                                                <div class="row">
												 <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Language')}}</label>
                                                        <div class="controls">
                                                            <div class="form-group">
                                                                <select class="select2 form-control {{ $errors->has('lang') ? ' is-invalid' : '' }}" id="lang"  required tabindex="1"  name="lang"   onchange="changeLanguage(this.value)">
                                                                 <option value="">{{__('Select')}}</option>
                                                                 @foreach($data['Languages'] as $value)
                                                                  <option value="{{$value->slug}}" @if(old('lang') == $value->slug) selected @endif >{{$value->title}}</option>
                                                                  @endforeach
                                                                </select>
			                                                   @if ($errors->has('lang'))
                                                                    <div class="invalid-feedback"> {{ $errors->first('lang') }}  </div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
												
                                                    <div class="col-md-6 col-12">
                                                        <div class="form-group">
                                                            <label>{{__('Brand')}}</label>
                                                            <div class="controls">
                                                                <div class="form-group">
                                                                    <select class=" select2 form-control" name="brand"
                                                                            id="brand" required>
                                                                        @foreach($data['brands'] as $brand)
                                                                            <option
                                                                                value="{{$brand->id}}">{{$brand->title}}</option>
                                                                        @endforeach

                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6 col-12">
                                                        <div class="form-group">
                                                            <label>{{__('Category')}}</label>
                                                            <div class="controls">
                                                                <div class="form-group">
                                                                    <select class=" select2 form-control"
                                                                            name="category" id="category" required>

                                                                        @foreach($data['categorys'] as $category)
                                                                            <option
                                                                                value="{{$category->id}}">{{$category->title}}</option>
                                                                        @endforeach

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

                                              <div
                                                    class="col-12 d-flex flex-sm-row flex-column justify-content-end mt-1">
                                                    <button type="submit"
                                                            class="btn btn-primary glow mb-1 mb-sm-0 mr-0 mr-sm-1">{{__('Update')}}</button>
                                                </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                 <section id="data-list-view" class="data-list-view-header">
                    <div class="action-btns d-none"> </div>
                    <div class="table-responsive">
                        <table class="table data-list-view">
                            <thead>
                            <tr>
                             <th>{{__('Index')}}</th>
                             <th>{{__('Category')}}</th>
                             <th>{{__('Brand')}}</th>
                             <th>{{__('Possibilities')}}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @php $i=1; @endphp
							
                          @foreach($data['CategoryBrand'] as $value)
						  
                                <tr>
                                   <td>{{$i++}}</td>
								   
                                   <td> @if(count($value->Category)>0) {{$value->Category[0]->title}} @endif</td>
                                   <td>@if(count($value->Brand)>0) {{$value->Brand[0]->title}} @endif</td>
                                    <td class="product-action">
                                         <span><a class="btn btn-icon  rounded-circle btn-danger mr-1 mb-1 waves-effect waves-light" onclick="deleteRecord('{{route('Admin.categorys.destroyCategoryBrand',$value->id)}}')"  type="button" ><i class="feather icon-trash"></i></a></span>
                                    </td>
                                </tr>

                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </section>
@endsection

@section('script')
<script src="{{ asset('Admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js')}}"></script>
 <script>
            function changeLanguage (selectedLang) {
					 
                    $.ajax({
                    url: "{{route('Admin.categorys.languageBrand')}}",
                    type: "POST",
                    data: {
                        _token : "{{csrf_token()}}",
                        lang : selectedLang
                    },
                    success:function (data) {
						$('#brand').html('');
						$('#category').html('');
                        $('#brand').append('<option value="">{!! __('Select') !!}</option>')
                        $('#category').append('<option value="">{!! __('Select') !!}</option>')
					     $.each(data.Category,function(index,value){
                            $('#category').append('<option value="'+value.id+'">'+value.title+'</option>')
                        });
                        $.each(data.Brand,function(index,value){
                            $('#brand').append('<option value="'+value.id+'">'+value.title+'</option>')
                        });
						
                          $('#brand').trigger('change');
                          $('#category').trigger('change');
                    }
                });
    }
 
    </script>
@endsection