@extends('layouts.admin_layout')

@section('title', 'Manage Variants')

@section('content')

<section class="content-header">

    <h1>Manage Variants</h1>

    <ol class="breadcrumb">

        <li><a href="{{Config::get('constants.admin_url')}}"><i class="fa fa-dashboard"></i> Home</a></li>

        <li><a href="{{Config::get('constants.admin_url')}}manage-products"><i class="fa fa-dashboard"></i> Manage Products</a></li>

        <li class="active">Manage Variants</li>

    </ol>

</section>

<!-- Main content -->

<section class="content">

    <div class="col-xs-12 connectedSortable">

        <div class="box">

            <div class="box-header">

                <div class="box-tools" style="float: right;">
                    @if(!empty($auth_write_status))
                    <a class="btn bg-navy" href="{{Config::get('constants.admin_url')}}add-variant/{{$product_id}}">Add Variant</a>
                    <button class="btn btn-default save_sorting_variants">Save Sorting</button>
                    @endif
                </div>

            </div><!-- /.box-header -->

            <div class="box-body table-responsive no-padding">

                <table class="table table-hover">

                   <thead>

                        <tr>

                            <th>Specifications</th>

                            <th>Action</th>

                        </tr>

                    </thead>

                    <tbody class="sortable">

                        @foreach($variants as $variant_row)

                        <tr data-id="" data-order="">

                            <td>{!!$variant_row->attribute_value_data!!}</td>

                            <td>
                                @if(!empty($auth_write_status))
                                <a class="btn bg-navy" href="{{Config::get('constants.admin_url')}}edit-variant/{{$product_id}}/{{$variant_row->id}}">Edit</a>
                                @endif
                            </td>

                        </tr>

                        @endforeach

                    </tbody>

                </table>

            </div><!-- /.box-body -->

        </div><!-- /.box -->

    </div><!-- /.col -->

    <!-- /.row -->

</section><!-- /.content -->

@endsection