@extends('layouts.admin.app')

@section('content')

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
{{--<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.ckeditor.com/4.14.0/standard/ckeditor.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.18/css/bootstrap-select.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.18/js/bootstrap-select.min.js"></script>--}}

<main id="main" class="main">
    <div class="page-breadcrumb">
        <div class="row">
            <div class="col-12 d-flex no-block align-items-center justify-content-between px-4 mb-2">
                <h4 class="page-title">{{ $city->name }} Product Update / Sort</h4>
                <div class="ml-auto text-right">
                    <a href="{{url('admin/city/list/')}}/{{base64_encode($city->site_id)}}" class="btn btn-outline-info">Back</a>
                </div>
                
            </div>
        </div>
    </div>

    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    @foreach (['danger', 'warning', 'success', 'info'] as $msg)
                        @if(Session::has('alert-' . $msg))
                            <h4 class="font-weight-light alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}</h4>
                        @endif
                    @endforeach
                    <div class="card-header">
                        <!-- <br> -->
                        
                        <div class="card-body">

                            <form action="{{ route('admin.city.city-product', base64_encode($city->id).'?redirect='.urlencode($request->fullUrl())) }}"  method="post" enctype="multipart/form-data">
                                @csrf
                                <div class="form-group">

                                    <label><b>Choose Option</b></label><br>

                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customControlValidation1" name="bulk_product_edit" class="bulk_product_update product_update_for_city card-input-element" value="product_update_for_city" required>

                                        <label class="custom-control-label" for="customControlValidation1">Product Upload/Update for {{ $city->name }}</label>
                                    </div>

                                    <div class="custom-control custom-radio">
                                        
                                        <input type="radio" id="customControlValidation2" name="bulk_product_edit" class="bulk_product_update product_sort_for_city card-input-element" value="product_sort_for_city" required>

                                        <label class="custom-control-label" for="customControlValidation2">Product Sort Order for {{ $city->name }}</label>
                                    </div>

                                    
                                </div>

                                <div class="form-group">
                                    
                                    <input type="hidden" name="city_id" id="city_id" value="{{ $city->id }}">

                                    <label for="field_values">{{ __('City') }}</label>
                                    <input type="text" name="city_name" id="city_name" value="{{ $city->name }}" class="form-control" readonly>

                                </div>

                                <div class="form-group product_update_div" style="/*display: none;*/">

                                    <div class="allproductremove" style="margin-bottom:15px; ">
                                        <input type="checkbox" id="alldata" name="alldata" value="1">
                                        <label for="alldata" style="font-size: 1.2rem;">Select All Product</label>
                                    </div>

                                </div>

                                


                                <div class="form-group m-t-20 fieldvalues">
                                    <label><b>Field Values</b></label><span>*</span>
                                    <textarea class="form-control" rows="8" id="field_values" name="field_values" placeholder="Enter Product Id" required></textarea>
                                </div>
                                <br>
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </form>

                        </div>

                        <div class="card-body product_update_for_city_field" style="display: none;">
                          <div>
                              <span style="width:323px;font-size: 14px;;" class="badge badge-pill badge-info">The Following Field Values will be uploaded</span>
                          </div>
                          <br>
                          <table style="width:30%; text-align: center;" border="1">
                              <tr>
                                  <td style="width:auto;text-align:center;"><b>FNID</b></td>
                              </tr>
                          </table>
                        </div>

                        <div class="card-body product_sort_for_city_field" style="display: none;">
                          <div>
                              <span style="width:323px;font-size: 14px;;" class="badge badge-pill badge-info">The Following Field Values will be uploaded</span>
                          </div>
                          <br>
                          <table style="width:40%; text-align: center;" border="1">
                              <tr>
                                  <td style="width:auto;text-align:center;"><b>FNID</b></td>
                                  <td style="width:auto;text-align:center;"><b>SORT</b></td>
                              </tr>
                          </table>
                        </div>

                    </div>
                </div>
            </div>
            <div class="row" style="height:120px"></div>
        </div>
    </div>
</main>


{{--<script src="http://localhost/RFPL-admin/public/admin/assets/libs/select2/dist/js/select2.full.min.js"></script>
<script src="http://localhost/RFPL-admin/public/admin/assets/libs/select2/dist/js/select2.min.js"></script>--}}


<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>


<style type="text/css">
    .custom-control{display: inline-block!important; padding-right: 5px;}
    .upgarde-msg{font-size: 14px; color: #3b79d0; font-weight:600}
</style>

<!-- <script type="text/javascript">

    $('.bulk_product_update').click(function(){
        if(this.value == 'bulk_hide'){
            $('.bulk_hide_field').show();
            $('.bulk_show_field').hide();
            $('.bulk_price_update_field').hide();
            $('.bulk_description_change_field').hide();
            $('.bulk_product_upload_field').hide();
            $('.bulk_rating_field').hide();
            $('.bulk_category_add_remove_field').hide();
        }
        else if(this.value == 'bulk_show'){
            $('.bulk_hide_field').hide();
            $('.bulk_show_field').show();
            $('.bulk_price_update_field').hide();
            $('.bulk_description_change_field').hide();
            $('.bulk_product_upload_field').hide();
            $('.bulk_rating_field').hide();
            $('.bulk_category_add_remove_field').hide();
        }
        else if(this.value == 'bulk_price_update'){
            $('.bulk_hide_field').hide();
            $('.bulk_show_field').hide();
            $('.bulk_price_update_field').show();
            $('.bulk_description_change_field').hide();
            $('.bulk_product_upload_field').hide();
            $('.bulk_rating_field').hide();
            $('.bulk_category_add_remove_field').hide();
        }
        else if(this.value == 'bulk_description_change'){
            $('.bulk_hide_field').hide();
            $('.bulk_show_field').hide();
            $('.bulk_price_update_field').hide();
            $('.bulk_description_change_field').show();
            $('.bulk_product_upload_field').hide();
            $('.bulk_rating_field').hide();
            $('.bulk_category_add_remove_field').hide();
        }
        else if(this.value == "bulk_product_upload"){
            $('.bulk_hide_field').hide();
            $('.bulk_show_field').hide();
            $('.bulk_price_update_field').hide();
            $('.bulk_description_change_field').hide();
            $('.bulk_product_upload_field').show();
            $('.bulk_rating_field').hide();
            $('.bulk_category_add_remove_field').hide();
        }
        else if(this.value == "bulk_rating_upload"){
            $('.bulk_hide_field').hide();
            $('.bulk_show_field').hide();
            $('.bulk_price_update_field').hide();
            $('.bulk_description_change_field').hide();
            $('.bulk_product_upload_field').hide();
            $('.bulk_rating_field').show();
            $('.bulk_category_add_remove_field').hide();
        }
        else if(this.value == "bulk_category_add_remove"){
            $('.bulk_hide_field').hide();
            $('.bulk_show_field').hide();
            $('.bulk_price_update_field').hide();
            $('.bulk_mrp_update_field').hide();
            $('.bulk_description_change_field').hide();
            $('.bulk_product_upload_field').hide();
            $('.bulk_rating_field').hide();
            $('.bulk_category_add_remove_field').show();
            // $('.category_div').show();
            // $('input:radio[name="select_option"]').prop('required',true);
            // $('#category_id').prop('required',true);
        }
    });

    
</script> -->

<script type="text/javascript">

    $(document).ready(function(){
        setTimeout(function(){ $('.alert').fadeOut(); }, 3000);
    });

    $('.bulk_product_update').click(function(){
            //alert(this.value);
        $('#alldata').prop('checked', false);
        $('.fieldvalues').show();

        if(this.value == 'product_update_for_city'){
          $('.product_update_for_city_field').show();
          $('.product_sort_for_city_field').hide();
          $('.product_update_div').show();
        }
        else if(this.value == 'product_sort_for_city'){
          $('.product_update_for_city_field').hide();
          $('.product_sort_for_city_field').show();
          $('.product_update_div').hide();

          //$('.fieldvalues').show();
          //$('#field_values').prop('required',true);

          
                
        }
        
    });

        
    $('#alldata').change(function() {
        if ($(this).prop('checked')) {
                    $('.fieldvalues').hide();
          $('#field_values').prop('required',false);
      }
      else {
          $('#field_values').prop('required',true);
          $('.fieldvalues').show();
      }
    })
        

</script>


@endsection