@extends('layouts.adminapp')

@section('content')

{{-- Godown Rack View --}}

<div class="card mb-4">
    <div class="card-header">
        <div class="d-flex">
            <div class="mr-auto p-2 align-self-center"><h4>{{$Godown->title}}</h4></div>
            <div class="p-2">
            </div>           
        </div>
    </div>
</div>    
<div class="row">
    @foreach($Godown->racks  as $rack)
        <div class="col-sm-3 col-2">
            <div class="card p-5 gd_cards rack_card" onclick="rackOrder({{$rack->id}})">
                <h3>{{$rack->title}}</h3>
            </div>
        </div>    
    @endforeach
</div>

<div class="card mt-5">
    <div class="card-body">
        <div class="table-responsive" >
            <table class="table table-hover" id="rack_tbl">
                
            </table>
        </div>
    </div>
</div>




<script>
    function rackOrder(rack_id){

        $.ajax({
          url: '{{ route('RackDetails') }}',
          method: "get",
          data: {_token: '{{ csrf_token() }}',rack_id:rack_id },
                                  success: function (response){   
                                               
                                    document.getElementById('rack_tbl').innerHTML=response; 
                                  
                                          }
                          });   
    } 

</script>

@endsection