@extends('layouts.app')


@section('content')
    <div class="container-xl">
        <!-- Page title -->
        {{-- <div class="page-header d-print-none">
            <h2 class="page-title">
                {{ __('Users') }}
            </h2>
        </div> --}}
    </div>
    <div class="page-body">
        <div class="container-xl">

            {{-- <div class="alert alert-info">
                <div class="alert-title">Users page</div>
            </div> --}}

            <div class="card col-sm-12  mx-auto">
                <form class="card card-md" action="{{ route('compaign_form_update', $compaign->compaign_id) }}" method="post" enctype="multipart/form-data"  autocomplete="off">
                    @csrf
                    @method('patch')   
            
                    <div class="card-body">
                        <h2 class="card-title text-center mb-4">{{ __('Edit Compaign Data') }}</h2>
            
                        <div class="row mb-3">
                            <div class="col-lg-6">
                            <label class="form-label">{{ __('Compaign code') }}</label>
                            <input type="text" name="compaign_code" value="{{$compaign->compaign_code}}" class="form-control  @error('name') is-invalid @enderror" placeholder="{{ __('Your Compaign Code') }}">
                            @error('name')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            </div>
                            <div class="col-lg-6">
                            <label class="form-label">{{ __('Compaign Name') }}</label>
                            <input type="text" name="compaign_name" value="{{$compaign->compaign_name}}" class="form-control @error('email') is-invalid @enderror" placeholder="{{ __('Your Compaign Name') }}">
                            @error('email')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-6">
                            <label class="form-label">{{ __('Compaign Start Date') }}</label>
                            <input type="date" name="compaign_start_date" value="{{$compaign->compaign_start_date}}"  class="form-control @error('compaign_start_date') is-invalid @enderror" placeholder="{{ __('compaign_start_date') }}" >
                            @error('compaign_start_date')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            </div>

                            <div class="col-lg-6">
                           
                         
                                <label class="form-label">{{ __('Compaign End Date') }}</label>
                                <input type="date" name="compaign_end_date" value="{{$compaign->compaign_end_date}}" class="form-control @error('compaign_end_date') is-invalid @enderror" placeholder="{{ __('compaign_end_date') }}" >
                                @error('compaign_end_date')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                
                           
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-lg-8">
                            <label class="form-label">{{ __('Compaign Description') }}</label>
                            <textarea name="compaign_description"   class="form-control @error('password') is-invalid @enderror" placeholder="{{ __('Compaign description') }}" >{{$compaign->compaign_description}}</textarea>
                            @error('password')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            </div>
                            <div class="col-lg-1">
                            </div>

                            <div class="col-lg-3">
                           
                            
                                <label class="form-label">{{ __('Compaign Status') }}</label>
                                    <div class="form-check">
                                        <input class="form-check-input compaign_status_1" value="Active" {{ ($compaign->compaign_status) == 'Active' ? 'checked' : '' }} type="radio" name="compaign_status" >
                                        <label class="form-check-label" for="flexRadioDefault2">
                                            Active
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input compaign_status_2" value="Non Active" {{ ($compaign->compaign_status) == 'Non Active' ? 'checked' : '' }} type="radio" name="compaign_status">
                                        <label class="form-check-label" for="flexRadioDefault1">
                                            Non Active
                                        </label>
                                    </div>
                                @error('compaign_status')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                               
                           
                            </div>
                        </div>
                        <div class="row mb-3">
                       
                            <div class="col-lg-6">
                                <label class="form-label">{{ __('Compaign Image') }}</label>
                                <input type="file" name="compaign_image" id="validationCustom01" class="form-control" required onchange="showPreviewOne(event);">
                                <p class="mt-4"><img id="file-ip-1-preview"  src="{{$compaign->compaign_image}}" width="150" /></p>
                                @error('compaign_image')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                
                           
                            </div>
                        </div>
                      

                            
                

                      
                         
                      
                       
            
            
                        <div class="form-footer">
                            <button type="submit" class="btn btn-primary w-40">{{ __('Update') }}</button>
                        </div>
                    </div>
                </form>
                {{-- @if( $users->hasPages() )
                <div class="card-footer pb-0">
                    {{ $users->links() }}
                </div>
                @endif --}}
            </div>


            
            <div class="card col-sm-12  mx-auto mt-2">
                <form class="card card-md" action="{{ route('compaign_category_store') }}" method="post" autocomplete="off">
                    @csrf
                    @method('post')   
            
                    <div class="card-body">
                        <h2 class="card-title text-center mb-4">{{ __('Add Compaign Category') }}</h2>
                       
                        
                        <div class=" row mb-3">
                          <input type="hidden" name="compaign_id" id="compaign_id_val">

                              <div class="col-lg-3">
                            
                                <label class="form-label">Zones</label>
                                <select class=" form-control  @error('zone') is-invalid @enderror" id="zone"  onchange="get_zone(this)" data-placeholder="Choose one.."  required>
                                    <option value="0">Choose one</option><!-- Required for data-placeholder attribute to work with Select2 plugin -->
                                    @foreach($zones as $zone)
                                    <option value="{{$zone->zone_id}}">{{$zone->zone_name}}</option>
                                @endforeach
                                @error('zone')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                    
                                </select>
                             </div>
                     
                            <div class="col-lg-3">

                            <label class="form-label">Regions</label>
                            <select class=" form-control multiple-select @error('user_role_id') is-invalid @enderror" onchange="get_region(this)" id="region" data-placeholder="Choose one.."  required disabled>
                                @error('user_role_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                
                            </select>
                            </div>
                            <div class="col-lg-3">
                                <label class="form-label">Area</label>
                                <select class=" form-control multiple-select @error('user_role_id') is-invalid @enderror" id="area" onchange="get_area(this)" data-placeholder="Choose one.."  required disabled>
                                    @error('user_role_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    
                                </select>
                            </div>
                        
                                <div class="col-lg-3">
                                <label class="form-label">Town</label>
                                <select class="js-example-basic-multiple form-control multiple-select @error('user_role_id') is-invalid @enderror" id="town" name="town_id[]" onchange="get_town(this)" data-placeholder="Choose one.."  required multiple disabled>    
                                    @error('user_role_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    
                                </select>
                                </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label class="form-label">Channels</label>
                                <select class="js-example-basic-multiple form-control multiple-select @error('channel_id') is-invalid @enderror" id="channel_id" name="channel_id[]"  data-placeholder="Choose one.." multiple required >
                                    @foreach($channels as $channel)
                                    <option value="{{$channel->channel_id}}">{{$channel->channel_name}}</option>
                                @endforeach
                                    @error('channel_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    
                                </select>
                            </div>
                        
                                <div class="col-lg-3">
                                <label class="form-label">Classes</label>
                                <select class="js-example-basic-multiple form-control multiple-select @error('class_id') is-invalid @enderror" id="class_id" name="class_id[]" data-placeholder="Choose one.." multiple required >    
                                    @foreach($classes as $class)
                                    <option value="{{$class->class_id}}">{{$class->class_name}}</option>
                                    @endforeach
                                    @error('class_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    
                                </select>
                                </div>
                                <div class="col-lg-3">
                                    <label class="form-label">Shop Categories</label>
                                    <select class="js-example-basic-multiple form-control multiple-select @error('shop_category_id') is-invalid @enderror" id="shop_category_id" name="shop_category_id[]" data-placeholder="Choose one.." multiple required >
                                        @foreach($categories as $shop_category)
                                        <option value="{{$shop_category->shop_category_id}}">{{$shop_category->shop_category_name}}</option>
                                         @endforeach
                                        @error('shop_category_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        
                                    </select>
                                </div>
                            
                                    <div class="col-lg-3">
                                    <label class="form-label">Shop SubCategories</label>
                                    <select class="js-example-basic-multiple form-control multiple-select @error('user_role_id') is-invalid @enderror" id="shop_subcategory_id" name="shop_subcategory_id[]" data-placeholder="Choose one.." multiple required >    
                                        @foreach($subcategories as $shop_subcategory)
                                        <option value="{{$shop_subcategory->shop_subcategory_id}}">{{$shop_subcategory->shop_subcategory_name}}</option>
                                         @endforeach
                                        @error('user_role_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        
                                    </select>
                                    </div>

                             </div>

                            
                        

                        
                
                       

                      
                         
                      
                       
            
            
                        <div class="form-footer">
                            <button type="submit" class="btn btn-primary w-40">{{ __('Save') }}</button>
                        </div>
                    </div>
                </form>
                {{-- @if( $users->hasPages() )
                <div class="card-footer pb-0">
                    {{ $users->links() }}
                </div>
                @endif --}}
            </div>
     




            <div class="container-xl col-lg-12 mt-2">

                <div class="alert alert-info">
                    <div class="alert-title"></div>Compaign Category
                </div>
    
                <div class="card">
                    <div class="table-responsive">
                        <table class="table" id="dataTable" width="100%" cellspacing="0">
                            <thead>
                                <tr>
                                    <th>{{ __('#') }}</th>
                                    <th>{{ __('Compaign') }}</th>
                                    <th>{{ __('Town') }}</th>
                                    <th>{{ __('Channel') }}</th>
                                    <th>{{ __('Class') }}</th>
                                    <th>{{ __('Shop Category') }}</th>
                                    <th>{{ __('Shop Subcategory') }}</th>
                                    <th>{{ __('Action') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                $sr_no = 1;
                            @endphp 
                            @foreach($compaign_categories as $compaign_category)
                                <tr>
                                    <th>{{$sr_no++}}</th>
                                    <td>{{$compaign_category->compaign->compaign_name}}</td>
                                    <td>{{$compaign_category->town->town_name}}</td>
                                     <td>{{$compaign_category->channel->channel_name}}</td>
                                     <td>{{$compaign_category->shopclass->class_name}}</td>
                                     <td>{{$compaign_category->shopcategory->shop_category_name}}</td>
                                     <td>{{$compaign_category->shopsubcategory->shop_subcategory_name}}</td>
                                     <td><a role="button" class="delete_compaign_category del_icon_style" data-id="{{$compaign_category->compaign_category_id}}"><i class="ti ti-basket"></i></a></td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                    {{-- @if( $users->hasPages() )
                    <div class="card-footer pb-0">
                        {{ $users->links() }}
                    </div>
                    @endif --}}
                </div>
            </div>

        </div>
    </div>
    <script>
        $(document).ready(function() {
            $("#compaign_id_val").val("{{ $compaign->compaign_id }}");
        });
        </script>

    <script>
        $(document).ready(function() {
            $('.js-example-basic-multiple').select2();
        });
        </script>
  <script>
$(document).ready(function() {
    $('.delete_compaign_category').click(function() {
      var id = $(this).data('id');
      $.ajax({
                  url: 'delete_compaign_category/'+id
              }).done(function(res){
                  location.reload(true);
              })
    });
  })
</script>

       <script> 
function showPreviewOne(event){
    if(event.target.files.length > 0){
      let src = URL.createObjectURL(event.target.files[0]);
      let preview = document.getElementById("file-ip-1-preview");
      preview.src = src;
      preview.style.display = "block";
    } 
  }
  function myImgRemoveFunctionOne() {
    document.getElementById("file-ip-1-preview").src = "https://i.ibb.co/ZVFsg37/default.png";
  };
</script>



<script>
    $("#zone").change(function (zone_id) {
        
        if($("#zone option:selected").length){
            $('#region').removeAttr('disabled');    
        } 
      });

      $("#region").change(function () {
        
        if($("#region option:selected").length){
            $('#area').removeAttr('disabled');
        } 
        });

        $("#area").change(function () {
        if($("#area option:selected").length){
            $('#town').removeAttr('disabled');
        } 
        });

        $("#town").change(function () {
        if($("#town option:selected").length){
            $('#route').removeAttr('disabled');
        } 
        });

        function get_zone(get_id){
            
            var id = get_id.value;
            
            $.ajax({
                url: 'zone_region/'+id 
            }).done(function(res){
                var row='';
                var i=0;
                row += '<option value="">Select One</option>';
                for( i=0;i<res.length;i++)
                {
                    row += '<option value="'+ res[i].region_id+'">'+ res[i].region_name+ '</option>';
                }

                $('#region').html(row);
                            
            })
        }

        function get_region(get_id){
            var id = get_id.value;
            $.ajax({
                url: 'region_area/'+id
            }).done(function(res){
                var row='';
                var i=0;
                row += '<option value="">Select One</option>';

                for( i=0;i<res.length;i++)
                {
                    row += '<option value="'+ res[i].area_id+'">'+ res[i].area_name+ '</option>';
                }

                $('#area').html(row);
                            
            })
        }


        function get_area(get_id){
            var id = get_id.value;
            $.ajax({
                url: 'area_town/'+id
            }).done(function(res){
                var row='';
                var i=0;
                row += '<option value="">Select One</option>';

                for( i=0;i<res.length;i++)
                {
                    row += '<option value="'+ res[i].town_id+'">'+ res[i].town_name+ '</option>';
                }

                $('#town').html(row);
                            
            })
        }


    

   

        </script>



@endsection