@extends('admin.layouts.master')
@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-11">
                <div class="panel panel-success">
                    <div class="panel-heading">Accessorie {{ $accessorie->id }}</div>
                    <div class="panel-body">
                        <a href="{{ url('admin/accessories') }}" title="Back">
                            <button class="btn btn-warning btn-xs"><i class="fa fa-arrow-left" aria-hidden="true"></i>
                                Back
                            </button>
                        </a>

                        <a href="{{ url('admin/accessories/' . $accessorie->id . '/edit') }}" title="Edit Accessorie">
                            <button class="btn btn-primary btn-xs"><i class="fa fa-pencil-square-o"
                                                                      aria-hidden="true"></i> Edit
                            </button>
                        </a>

                        <form method="POST" action="{{ url('admin/accessories' . '/' . $accessorie->id) }}"
                              accept-charset="UTF-8" style="display:inline">
                            {{ method_field('DELETE') }}
                            {{ csrf_field() }}
                            <button type="submit" class="btn btn-danger btn-xs" title="Delete Accessorie"
                                    onclick="return confirm(&quot;Confirm delete?&quot;)"><i class="fa fa-trash-o"
                                                                                             aria-hidden="true"></i>
                                Delete
                            </button>
                        </form>

                        <br/>
                        <br/>
                        <div class="table-responsive">
                            <table class="table table-striped table-bordered" id="data-table">
                                <tbody>
                                <tr>
                                    <th>ID</th>
                                    <td>{{ $accessorie->id }}</td>
                                </tr>
                                <tr>
                                    <th> Item Id</th>
                                    <td> {{ $accessorie->item_id }} </td>
                                </tr>
                                <tr>
                                    <th> Name</th>
                                    <td> {{ $accessorie->name }} </td>
                                </tr>
                                <tr>
                                    <th> Product Name</th>
                                    <td> {{ $accessorie->product->name }} </td>
                                </tr>
                                <tr>
                                    <th> Sub Text</th>
                                    <td> {{ $accessorie->sub_text }} </td>
                                </tr>
                                <tr>
                                    <th> Image</th>
                                <tr>
                                    <th> Image</th>
                                    <td><a href="{{asset('api-images/'.$accessorie->image_url)}}" target="_blank"><img src="{{asset('api-images/'.$accessorie->image_url)}}"></a></td>
                                </tr>
                                </tr>
                                <tr>
                                    <th> Price</th>
                                    <td> {{ $accessorie->price }} </td>
                                </tr>
                                <tr>
                                    <th> Description</th>
                                    <td> {{ $accessorie->description }} </td>
                                </tr>
                                <tr>
                                    <th> Is Active</th>
                                    <td> {{ $accessorie->is_active==1?'Active':'Disabled'  }} </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection