@extends('admin.layouts.main')

<title>
UpdateRestaurant

</title>

 @section('content')  
        
        <section id="content-wrapper">
   <div class="container">
      <div class="row justify-content-center">
         <div class="col-lg-12">
            <div class="edit-area">
               <div class="main-title-area">
                  <div class="title-header">
                     <h2>Edit Restaurant</h2>
                  </div>
               </div>
               <div class="table-responsive">
                  <div class="Restaurant-Details-table">
                     <table class="table">
                        <tr>
                           <th>Restaurant Name</th>
                           <th>Associate Screen</th>
                           <th>Disassociate Screen</th>
                        </tr>
                        <tr>
                           @foreach($query1 as $resto)   
                           <td>
                              <input type="hidden" id="restaurant_id" value="{{$resto->id}}">    
                              {{$resto->restaurant_name}},{{$resto->restaurant_location}}
                           </td>
                           @endforeach
                           <td>
                              <div class="update-btn-sec">
                                 <select id="associate_screen" name="associate_screen[]" multiple="multiple">
                                    <option selected="selected" disabled>Select screen</option>
                                    @foreach($query2 as $asc)
                                    <option value="{{$asc->id}}">{{$asc->screen_name}}</option>
                                    @endforeach
                                 </select>
                                 <button onclick="assoc_screen()">Update</button>
                              </div>
                           </td>
                           <td>
                              <div class="update-btn-sec">
                                 <select id="disassociate_screen" name="disassociate_screen[]" multiple="multiple">
                                    >
                                    <option selected="selected" disabled>Select screen</option>
                                    @foreach($query3 as $dsc)
                                    <option value="{{$dsc->id}}">{{$dsc->screen_name}}</option>
                                    @endforeach
                                 </select>
                                 <button onclick="disassociate_screen()">Update</button>
                              </div>
                           </td>
                        </tr>
                     </table>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<div class="overlapbg"></div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="{{asset('js/select2.min.js')}}"></script>
<script>
    $(document).ready(function() {
        $('#associate_screen').select2();
        $('#disassociate_screen').select2();

    });</script>
    <script> 
  
        function assoc_screen()
        {   var restaurant_id=$("#restaurant_id").val();
            var screen_id=[];
            screen_id = $("[name='associate_screen[]']").val();
             // alert(screen_id);return;
            $.ajaxSetup({
      headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });  
            $.ajax({
      url:"{{route('assocscreen_restaurant')}}",
      type: 'post',
      data:{screen_id:screen_id,restaurant_id:restaurant_id},
      success: function (data) {
        // alert(data);
         var parsedData = JSON.parse(data);
         toastr.success(parsedData.msg);
           window.location.href = '/edit_restaurant_view';
        },
        
      // dataType:'JSON',
    });

        }
        function disassociate_screen()
        {
            var restaurant_id=$("#restaurant_id").val();
            var screen_id=[];
            screen_id = $("[name='disassociate_screen[]']").val();
            // alert(screen_id);return;
        
        $.ajaxSetup({
      headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });  
            $.ajax({
      url:"{{route('disassocscreen_restaurant')}}",
      type: 'post',
      data:{screen_id:screen_id,restaurant_id:restaurant_id},
      success: function (data) {
         var parsedData = JSON.parse(data);
         toastr.success(parsedData.msg);
           window.location.href = '/edit_restaurant_view';
        },
        
      // dataType:'JSON',
    });
    
}
    </script>
     @endsection