@extends('boothagent.layout.app')

@section('title')
   सामग्री प्राप्त
@endsection

@section('header')
   <a onclick="history.back()"><i class="fa-solid fa-arrow-left"></i></a>
   <h2><img src="{{asset('assets/booth/images/header-inventory.svg')}}" class="img-fluid" alt="Image"> सामग्री प्राप्त</h2> 
@endsection

@section('content')
   <!-- Body -->
   <div class="mainwrapper materialreceiv_screen">
      <div class="container" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="900">
         <div class="material_box">
            <h4 class="materialheading">सामग्री प्राप्त</h4>
            <div class="material_list">
               <div class="material_col">
                  @if($inventory->count() != 0)
                     @foreach($inventory as $r)
                        <div class="material_small">
                           @php
                              $category=App\Models\Category::where('id',$r->category_id)->value('category_name');
                           @endphp
                           <h5>{{$category}}</h5>
                           <ul class="materialedit_list">
                              <li>
                                 @if($r->received == 1)
                                    <button type="button" class="btn" data-bs-toggle="modal" data-bs-target="#materialmodal{{$r->unique_id}}">एडिट</button>
                                    @elseif($r->received == 2)
                                    <button type="button" class="btn">सफल</button>
                                 @endif
                                 {{-- <button type="button" class="btn" data-bs-toggle="modal" data-bs-target="#materialmodal{{$r->unique_id}}">एडिट</button> --}}
                              </li> 
                           </ul>                     
                           <!-- Add New Service Modal -->
                           <div class="modal fade custompopup" id="materialmodal{{$r->unique_id}}" tabindex="-1" aria-labelledby="suggestionlabel" aria-hidden="true">
                              <div class="modal-dialog modal-lg">
                                 <div class="modal-content">
                                    <div class="modal-header">
                                       <h5 class="modal-title" id="suggestionlabel">सामग्री प्राप्त</h5>
                                       <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                    </div>
                                    <div class="modal-body">
                                       <div class="materialform">
                                          <form action="{{route('booth-receivee-material-received',$r->unique_id)}}" method="post">
                                             @csrf
                                             <div class="form-group">
                                                <label for="message">अपने शब्द लिखे</label>
                                                <textarea rows="5" id="" class="form-control" id="message" name="remark" placeholder="अपने शब्द लिखे"></textarea>
                                             </div>
                                             <div class="suggestion-btn pt-2">
                                                <button type="submit" class="btn bgcolorbtn">सबमिट करें</button>
                                             </div>
                                          </form>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>                           
                        </div>
                     @endforeach
                     @else
                     <div class="material_small">
                        <span>कोई सामग्री प्राप्त नहीं हुई</span>
                     </div>
                  @endif
               </div>
            </div>
         </div>
         <!-- <div class="registerendbtn" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="900">
            <button type="submit" class="btn bgcolorbtn"><span>सबमिट करे</span></button>
         </div> -->
      </div>
   </div>
@endsection