@extends('Admin.AdminMaster')
@section('content')
        @if (Session::has('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <strong>{{ Session('success') }}</strong>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
        @endif
        @if (Session::has('danger'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <strong>{{ Session('danger') }}</strong>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
        @endif
        <div class="col-12">
              <h3 class="mb-2 page-title">{{Auth()->User()->Role}} Received Item</h3>
              <button style="position: absolute; top: 4.5%; right: 1.7%;;" type="button" class="btn mb-2 btn-primary" data-toggle="modal" data-target="#varyModal" data-whatever="@mdo">Receive New Item</button>
          </div>
          <div class="col-12">
              <div class="modal fade" id="varyModal" tabindex="-1" role="dialog" aria-labelledby="varyModalLabel" aria-hidden="true">
                <div class="modal-dialog mw-100 w-75" role="document">
                  <div class="modal-content">
                    <div class="modal-header">
                      <h5 class="modal-title" id="varyModalLabel">New Received Item Registration</h5>
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                      </button>
                    </div>
                    <div class="modal-body">
                      <form  action="{{ route('AdminRegRcv')}}" method="POST" >
                        @csrf
                        <div class="row">
                        <div class="form-group col-md-12">
                                <label for="User_id" class="col-form-label">Receiver Role:<span style="color: red">*</span></label>
                              <select class="custom-select col-md" id="User_id" name="User_id" required>
                                 <option value="{{ Auth()->user()->id }}">{{ Auth()->user()->Role }} </option>
                              </select>
                                 <span style="color: red">
                                     @error('User_id')
                                        {{ "Please select Property" }}
                                         @enderror
                                        </span>
                              </div>
                            </div>
                            <div class="row">
                           <div class="form-group col-md-12">
                                <label for="ItemName" class="col-form-label">Item Name:<span style="color: red">*</span></label>
                                <input type="text" class="form-control" name="ItemName" id="ItemName"  required>
                                <span style="color: red">
                                  @error('ItemName')
                                      {{ $message }}
                                  @enderror
                              </span>
                              </div>
                      </div>  

                    <div class="row">
                              <div class="form-group col-md-4">
                                <label for="FullName" class="col-form-label">Sender Full Name:<span style="color: red">*</span></label>
                                <input type="text" class="form-control" name="FullName" id="FullName"  required>                     
                                   <span style="color: red">
                                  @error('FullName')
                                      {{ $message }}
                                  @enderror
                              </span>
                              </div>
                              <div class="form-group col-md-4">
                                <label for="PhoneNo" class="col-form-label">Sender Phone No:<span style="color: red">*</span></label>
                                <input type="text" class="form-control" name="PhoneNo" id="PhoneNo"  required>                     
                                   <span style="color: red">
                                  @error('PhoneNo')
                                      {{ $message }}
                                  @enderror
                              </span>
                              </div>
                              <div class="form-group col-md-4">
                                <label for="Location" class="col-form-label">Sender Location:<span style="color: red">*</span></label>
                                <input type="text" class="form-control" name="Location" id="Location"  required>                     
                                   <span style="color: red">
                                  @error('Location')
                                      {{ $message }}
                                  @enderror
                              </span>
                              </div>
                      </div>
                    <div class="modal-footer">
                      <button type="button" class="btn mb-2 btn-secondary" data-dismiss="modal">Close</button>
                      <button type="submit" value="upload" class="btn mb-2 btn-primary">Submit</button>
                    </div>
                </form>
</div>
                  </div>
                </div>
              </div>
			  </div>
              <div class="wrapper wrapper-content animated fadeInRight">
			<div class="row">
                <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-title">
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">

                        <div class="table-responsive">
                      <table style="width:100%"class="table table-striped table-bordered table-hover dataTables-example">
                        <thead class="thead-light">
                          <tr>                        
                            <th>Receiver Name:</th>
                            <th>Receiver Role:</th>
                            <th>Receiver Phone No:</th>
                            <th>Received Item :</th>
                            <th>Date Received:</th>
                            <th>Sender Name:</th>
                            <th>Sender Phone No:</th>
                            <th>Sender Location:</th>
                            <th>Action:</th>
                          </tr>
                        </thead>
                        <tbody>
                            @foreach ($rcv as $item)
                          <tr>
                            <td>{{ $item->user->Fname }}{{" "}}{{ $item->user->Lname }}</td>
                            <td>{{ $item->user->Role }}</td>
                            <td>{{ $item->user->Phone }}</td>
                            <td>{{ $item->ItemName}}</td>
                            <td>{{ $item->RecevDate}}</td>
                            <td>{{ $item->FullName}}</td>
                            <td>{{ $item->PhoneNo }}</td>
                            <td>{{ $item->Location }}</td>
                            <td>
                              <a class="fa fa-edit fa-fw" style="color: rgb(0, 128, 90)"  href="{{ route('AdminEditRcv',[encrypt($item->id)]) }}" class="btn mb-2 btn-primary" > Edit</a><br>
                            </td>
                          </tr>
                          @endforeach
                        </tbody>
                      </table>
                    </div>
                  </div> 
                </div>  
                <!-- simple table -->
              </div> <!-- end section -->
            </div> <!-- .col-12 -->
          </div> <!-- .row -->
@endsection