@include('../admin/layouts/header')



<div id="wrapper">
  @include('../admin.layouts.sidebar')
  <section id="content-wrapper">
   <div class="container">
    <div class="row justify-content-center">
      <div class="col-xl-6 col-lg-6 col-md-10 col-sm-12 col-12">
        <h2 class="form-heading">Edit Screen</h2>
          <div class="Assignment-box select-restaurant-sec">
            <label>Select Restaurant</label>   
              <select onchange="get_screen(this.value)" id="select_restaurant" class="form-select" name="select_restaurant">
              <option selected="selected" disabled>Select Restaurant</option>

                @foreach($restaurant_data as $res)
 
  <option value="{{$res->id}}">{{$res->restaurant_name}}</option>
  @endforeach 
                 </select>
                 <form method="POST" name="get_screen_edit" action="/get_screen_edit">@csrf
         <label>Select screen</label>  

            <select id="select_screen" class="form-select" name="select_screen">
            <option selected="selected" disabled>Select screen</option>
          </select>  
          <div class="row justify-content-center">
          <div class="col-lg-4 mt-3">
            <button type="submit" class="btn display-btn">Edit Screen</button>
          </div>
          <div class="col-lg-4 mt-3">
            <button type="submit" style=" background: #cf5050;" class="btn display-btn delete-btn">Delete Screen</button>
          </div>
        </div>         
          </form>
          </div>
        </div>
      </div>
    </div>
  </section>
</div>
                     
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
  <script>  $(document).ready(function() {

                if("{{ session()->get('Success') }}"){
                    toastr.success("{{ session()->get('Success') }}");
                }});
   

        function get_screen(resto_id){
            $("#select_screen").empty();
            $('#select_screen').append(`<option selected="selected" disabled>Select screen</option>`);

  $.ajaxSetup({
   headers: {
         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
     }
 });  

 $.ajax({
   url:"{{route('getscreenfromrestaurant')}}",
   type: 'post',
   data:{resto_id:resto_id},
   // dataType:'JSON',
 
   success: function (data) {
      var parsedData = JSON.parse(data);
      for(i=0;i<parsedData.length;i++){
        screen_id=parsedData[i].screen_id;
        screen_name=parsedData[i].screen_name;
 $('#select_screen').append(`<option value="${screen_id}">${screen_name}</option>`);

    //   alert(parsedData[i].screen_id);
    }
      
    //   screen_name=parsedData.screen_name;
    //   screen_id=parsedData.screen_id;
    //   $('#select_screen').append(`<option value="${screen_id}">${screen_name}</option>`);
   
   }   }); } </script>