@extends('layouts.admin')

@section('title') Brands @endsection

@section('page_title') Brands @endsection
@push('page_style')
		@include('include.dataTableStyles')
	@endpush

@section('content')
  <!-- Main content -->
 
  <section class="mainAdds">
     <!-- Content Header (Page header) -->
   <div class="content-header">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0">Brands</h1>
            </div>
          
        </div>
    </div>
<!-- /.content-header -->
 
    <div class="row">
      <div class="col-12">
        <div class="card data-table"> 
          <div class="filterheader">
            <div class="headingfilter">
            <h3 class="card-title">List of all Brands</h3>  

            <div class="form-group sellertypeFilter">
              <label>Brands filter by :</label>
              <select id='is_approved' class="form-control" style="width: 200px">
                  <option value="1">Approved</option>
                  <option value="{{ \App\Models\AddNewBrand::BRAND_INACTIVE }}" selected="">New Brands
                  </option>
                  <option value="{{ \App\Models\AddNewBrand::BRAND_REJECTED }}">Rejected</option>
              </select>
          </div>

          @if(auth()->user()->isAdmin())
          <a href="{{route('admin.brand')}}" class="postAdsBtn postAdsBtnDesktop d-none d-md-block language{{getDefaultTargetLanguage()}}">{{__('words.Add or Remove Brand')}}</a>
          @endif

           </div> 
          </div>
         
      
          <div class="card-body">
            <div class="table-responsive">
            <table id="brandTable" class="table table-bordered table-hover">
              <thead>
                <tr>
                    <th>S.No</th>
                    <th>Title</th>
                    <th>Brand Info</th>
                    {{-- <th>Brand Logo</th> --}}
                    <th>Product/Service</th>
                    {{-- <th>Website</th> --}}
                    <th>Category</th> 
                    <th>Status</th> 
                    <th>Created By</th> 
                    <th data-orderable="false">Action</th>
                    <th>Log</th> 
                 </tr>
              </thead>
            </table>
          </div>
          </div>

         
        </div>
        <!-- /.card -->
      </div>
    </div>
    <!-- /.container-fluid -->
  </section>


  {{-- approve new brand modal start --}}
  <div class="modal fade" id="approveBrandModal" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <a href="#" class="cancel-model" onclick = "$('#approveBrandModal').modal('hide')" data-bs-dismiss="modal"
                aria-label="Close">
                <img src="{{ asset('frontend/img/Cancel.svg') }}"class="img-fluid"></a>
            <div class="modal-header">
                <img src="{{ asset('frontend/img/Rejet.svg') }}" class="img-fluid mb-4">
                <h6>Are you sure you want to approve this New Brand's request?</h6>
            </div>
            <div class="modal-body">

                <div class="group_btn">
                    <a href="javascript:void(0);" class="btn-commom submitBrandApproveform">Yes, approve Brand</a>
                    <a href="javascript:void(0);" class=" Rejetform"
                        onClick="$('#approveBrandModal').modal('hide');">No, Cancel</a>
                </div>
            </div>
        </div>
    </div>
</div>
{{-- approve new brand modal end --}}

@php
$reasons = \App\Models\RejectedBrand::ReasonsOptions();
@endphp

{{-- reject new brand add modal start --}}
<div class="modal modalCustom fade" id="rejectBrandModal" aria-hidden="true" aria-labelledby="exampleModalToggleLabel"
        tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
          <div class="modal-content">
              <a href="#" class="cancel-model" onclick = "$('#rejectBrandModal').modal('hide')" data-bs-dismiss="modal"
                  aria-label="Close">
                  <img src="{{ asset('frontend/img/Cancel.svg') }}"class="img-fluid"></a>
              <div class="modal-header">
                  <img src="{{ asset('frontend/img/Rejet.svg') }}" class="img-fluid mb-4">
                  <h6>Are you sure you want to reject this New Brand's request?</h6>
              </div>
              <div class="modal-body">

                <form id="rejectReason-form" method="POST">
                  @csrf
                  <p>Select reason:</p>
                  <div class="reject_form">
                      @foreach ($reasons as $key => $value)
                          <div class="input_main">
                              <label class="checkbox_" for="{{ $key }}">
                                  <input type="radio" id="{{ $key }}" name="reason_id"
                                      value="{{ $key }}" class="brandReason d-none">
                                  <span class="checkmarks"></span>{{ $value }}
                              </label>
                          </div>
                      @endforeach
                  </div>
                  <span id="spanErrors" class="text-danger error-text reason_id_err"></span>
                  <textarea type="text" class="form-control col-md-12 otherReason d-none" id="otherTextBox" name="other_reason"
                      placeholder="Reason type here..."></textarea>
                  <span id="spanError" class="text-danger error-text other_reason_err"></span>

                      <div class="group_btn">
                        <a href="javascript:void(0);"  class="btn-commom submitBrandRejectform">Yes, reject Brand</a>
                        <a href="javascript:void(0);" class="Rejetform"
                            onClick="$('#rejectBrandModal').modal('hide');">No, Cancel</a>
                      </div>
              </div>
              </form>
              </div>
          </div>
      </div>
</div>
{{-- reject new brand modal end --}}
  
 
 
  @push('page_script')

  @include('include.dataTableScripts')   

  <script src="{{ asset('js/pages/brands/index.js') }}"></script>
  

  @endpush


  @endsection