@extends('admin.default')
@section('title', 'Admin | Model Reviews List')
@section('content')
@php
$permissions= getPermissions();
@endphp
<nav class="page-breadcrumb">
   <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
      <li class="breadcrumb-item"><a href="{{url()->previous()}}">Models</a></li>
      <li class="breadcrumb-item">Reviews</li>

   </ol>
</nav>
<div class="row">
   <div class="col">
      @if(isset($permissions) && isset($permissions['add_model_review_button']) && $permissions['add_model_review_button']==1)
         <a class="btn btn-primary btn-icon-text text-white float-right mb-2"
            href="{{route('modelReviewForm' ,$data->id)}}"> 
            <i class="btn-icon-prepend" data-feather="plus"></i>
            Add Model Review
         </a>
      @endif
   </div>
</div>
<div class="row">
   <div class="col-md-12 grid-margin stretch-card">
      <div class="card">
         <div class="card-body">
            <h6 class="card-title">Model Review List</h6>
            @if(Session::get('errors'))
            <div class="alert alert-danger">
               <button type="button" class="close" data-dismiss="alert">×</button>
               <p>{{Session::get('errors')}}</p>
            </div>
            @endif
            @if(Session::get('success'))
            <div class="alert alert-success">
               <button type="button" class="close" data-dismiss="alert">×</button>
               <p>{{Session::get('success')}}</p>
            </div>
            @endif
            <div class="form-group row font-weight-bold">
               <div class="col-md-2">
                  <label>Make :</label>
               </div>
               <div class="col-md-4">
                  <p>{{$data->make->name}}</p>
               </div>
               <div class="col-md-2">
                  <label>Model :</label>
               </div>
               <div class="col-md-4">
                  <p>{{$data->name}}</p>
               </div>
            </div>

            <div class="table-responsive">
               <table class="table">
                  <thead>
                     <tr>
                        <th>Label</th>
                        <th>Tags</th>
                        <th>Rating</th>
                        <th>Status</th>
                        <th><span class="float-right">Action</span></th>
                     </tr>
                  </thead>
                  <tbody>

                     @foreach($data->modelReview as $item)
                     <tr>
                        <td>{{$item->label->value}}</td>
                        <td>{{$item->tags}}</td>
                        <td>{{$item->rating}}</td>
                        <td>{{$item->content_status}}</td>
                        <td>
                           <div class="float-right">
                           @if(isset($permissions) && isset($permissions['model_review_edit_button']) && $permissions['model_review_edit_button']==1)
                              <a href="{{route('modelReviewForm',[$data->id,$item->id])}}"
                                 class="btn btn-sm btn-primary">Edit</a>
                           @endif
                           </div>
                        </td>
                     </tr>
                     @endforeach

                  </tbody>
               </table>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- Modal -->
<div class="modal modal-right fade" id="modelDetails" tabindex="-1" role="dialog" aria-labelledby="modelTitle"
   aria-hidden="true">
   <div class="modal-dialog" role="document">
      <div class="modal-content">
         <div class="modal-header modal-model">
            <h5 class="modal-title" id="modelTitle"></h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
               <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <h4 id="make" class="text-center"></h4>
            <h5 class="my-3">Model Variation List</h5>
            <ul class="list-group list-group-flush opacity-25">
               <span class="model_list"></span>
            </ul>
         </div>

      </div>
   </div>
</div>

@stop