@extends('frontend::layouts.master')

@section('title')

@section('style')

@endsection

@section('content')

<div class="breadcrumb text-center p-50 p-b-10">
  <div class="container">
    <ul class="bor-0">
      <li><a href="{{ mwz_route('frontend.index')}}"><i class="fa-solid fa-house"></i></a></li>
      <li><a href="{{ mwz_route('frontend.brand')}}">@lang('frontend::lang.brand')</a></li>
    </ul>
  </div>
</div>

<div class="h-top-title text-center p-b-0">
  <h1>@lang('frontend::lang.brand')</h1>
</div>

<section class="show-brand p-t-0">
  <div class="container">
    <div class="form-select-brand">
      <div class="inner">
        <p>@lang('frontend::lang.category')</p>
        {{-- <input type="hidden" name="category_id" id="category_id" value=""> --}}
        <select id="category_id" class="selectOption" onchange="ajax_filter_brand(this.value);">
          <option value="0" selected><p>@lang('frontend::lang.all')</p></option>
          @foreach ($data['category_brand'] as $item_id => $item)
            <option value="{{ !empty($item_id) ? $item_id : ''}}">
              <p>{{!empty($item['name']) ? $item['name'] :''}}</p>
            </option>
          @endforeach
        </select>
      </div>
    </div>
    <div class="show-brand brand-list p-t-30">
      <div class="brand-list-item" id='data_filter'>
        @foreach ($data['category_title'] as $category_title)
          @if (!empty($data['brand'][$category_title]))
            <div class="charector b-b-1">
              <h2>{{$category_title}}</h2>
            </div>
          @endif
          <ul>
            @if (!empty($data['brand'][$category_title]))
               @foreach ($data['brand'][$category_title] as $brand)
                  <li><a href="{{ mwz_route('frontend.brand_detail',[$brand['id']]) }}">{{!empty($brand['name']) ? $brand['name']: ''}}</a></li>
               @endforeach
            @endif
        </ul>
        @endforeach
      </div>
    </div>
  </div>
</section>

<section class="cards p-t-0">
  <div class="container">
    <div class="row p-0">
      @if (!empty($data['partner_with_us']))
          <div class="c-card c-l col-md-6 m-0">
            <div class="d-flex inner">
              <div class="h-left">
                <div class="trans-rota">
                  <h2>{{ !empty($data['partner_with_us']['name']) ? $data['partner_with_us']['name']: '' }}</h2>
                </div>
              </div>
              <div class="detail">
                <div class="inner p-50">
                  <div class="h-top-title">
                    <h2>{{ !empty($data['partner_with_us']['name_detail']) ? $data['partner_with_us']['name_detail'] : '' }}</h2>
                  </div>
                  <p>{{ !empty($data['partner_with_us']['detail']) ? $data['partner_with_us']['detail'] : ''}}</p>

                  <a class="btn-m" href="{{ mwz_route('frontend.build') }}">@lang('frontend::lang.home_info_3')</a>
                </div>
              </div>
            </div>
          </div>
      @endif
      
      
      @if (!empty($data['work_with_us']))
        <div class="c-card c-r col-md-6 m-0">
          <div class="d-flex inner">
            <div class="h-left">
              <div class="trans-rota">
                <h2>{{ !empty($data['work_with_us']['name']) ? $data['work_with_us']['name']: '' }}</h2>
              </div>
            </div>
            <div class="detail">
              <div class="inner p-50">
                <div class="h-top-title">
                  <h2>{{ !empty($data['work_with_us']['name_detail']) ? $data['work_with_us']['name_detail'] : '' }}</h2>
                </div>
                <p>{{ !empty($data['work_with_us']['detail']) ? $data['work_with_us']['detail'] : ''}}</p>

                <a class="btn-m" href="{{ mwz_route('frontend.job') }}">@lang('frontend::lang.home_info_3')</a>
              </div>
            </div>
          </div>
        </div>
      @endif
     
    </div>
  </div>
</section>



@endsection



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

  $(document).ready( function(){
    if (performance.navigation.type == 2) {   
      let cate_id = window.localStorage.getItem('cate_id');
      ajax_filter_brand(cate_id);  
      console.log(cate_id);         
   }
    
  })

    ajax_filter_brand = function(category_id){
       var _token = $('meta[name="csrf-token"]').attr('content');
       if(category_id != "" || category_id == 0){
        $.ajax({
                url: "/brand/filter",
                type: "POST",
                data: {
                  id: category_id,
                  _token: _token
                },
                success: function success(resp) {
                  window.localStorage.setItem('cate_id',category_id)
                  $('#data_filter').html(resp.res);
                  // $("#category_id").val(resp.id);
              }
            });
       }
    }
  </script>
@endsection