@extends('admin.layouts.default')

@section('header_styles')
<style>
  .project-actions a {
    float: left;
    margin-left: 5px;
  }
</style>
@stop

@section('content')
<!-- Content Header (Page header) -->
<div class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-sm-6">
        <h1 class="m-0 text-dark">
          @yield('title', 'Products Ingredients')
        </h1>
      </div><!-- /.col -->
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item">{{ Breadcrumbs::render('products/ingredients') }}</li>

        </ol>
      </div><!-- /.col -->
    </div><!-- /.row -->
  </div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->
<!-- Main content -->
<section class="content">
  <div class="row">
    <div class="col-12">
      <div class="card">
        <div class="card-header">

          @if(session()->has('message'))
          <div class="alert alert-success">
            {{ session()->get('message') }}
          </div>
          @endif
          <div class="col-sm-3 pull-right">
            <a href="{{ URL::to('administrator/products/ingredients/create') }}" class="btn btn-block bg-gradient-success btn-sm">Create Product Ingredients</a>
          </div>
        </div>
        <!-- /.card-header -->
        <div class="card-body p-0">
          <table class="table table-striped projects">
            <thead>
              <tr>
                <th>#</th>
                <th>@sortablelink('ingredients Name')</th>
                <th>Ingredients Description</th>
                <th>Ingredients Image</th>
              </tr>
            </thead>
            <tbody>
              @foreach($ingredients as $i=>$ingredient)
              <tr>
                <td>{{ $i+1 }}</td>
                <td>{{ $ingredient->ingredients_name }}</td>
                <td>{{ $ingredient->ingredients_descriptions }}</td>
                <td>
                  <div class="col-sm-10">
                    @if(!empty($ingredient->ingredients_image))
                    <img class="profile-user-img img-fluid img-circle"
                      src="{{ URL::to('uploads/files/'.$ingredient->ingredients_image) }}"
                      alt="Default picture">
                    @else
                    <img class="profile-user-img img-fluid img-circle"
                      src="{{ asset('admin_assets/images/default-image.png') }}"
                      alt="Ingredient picture">
                    @endif
                  </div>
                </td>
                <td class="project-actions">

                  <a href="{{ URL::to('administrator/products/ingredients/view/'.encrypt($ingredient->ingredients_id)) }}" class="btn btn-success">
                    View
                  </a>
                  <a href="{{ URL::to('administrator/products/ingredients/edit/'.encrypt($ingredient->ingredients_id)) }}" class="btn btn-info">
                    Edit
                  </a>
                  <form action="{{ url('administrator/products/ingredients/' . encrypt($ingredient->ingredients_id)) }}" method="POST" name="delForm">
                    @csrf
                    @method('DELETE')

                    <button type="submit" class="btn btn-danger" style="margin-left: 5px;">
                      Delete
                    </button>
                  </form>

                </td>
              </tr>
              @endforeach
            </tbody>
          </table>
          {!! $ingredients->appends(\Request::except('page'))->render() !!}
        </div>
      </div>
    </div>
  </div>
</section>

@stop

@section('footer_scripts')

@stop