@extends('admin.layouts.app')
@section('content')

<div class="nk-block-head nk-block-head-sm">
    <div class="nk-block-between">
        <div class="nk-block-head-content">
            <h3 class="nk-block-title page-title">Store List</h3>
            <div class="nk-block-des text-soft">
            </div>
        </div><!-- .nk-block-head-content -->
        <div class="nk-block-head-content">
            <div class="toggle-wrap nk-block-tools-toggle">
                <a href="#" class="btn btn-icon btn-trigger toggle-expand mr-n1" data-target="pageMenu"><em class="icon ni ni-menu-alt-r"></em></a>
                <div class="toggle-expand-content" data-content="pageMenu">
                    <ul class="nk-block-tools g-3">
                        <li class="nk-block-tools-opt">
                            <div class="drodown">
                                <a href="{{ route('stores.create') }}" class="btn btn-icon btn-primary"><em class="icon ni ni-plus"></em></a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div><!-- .toggle-wrap -->
        </div><!-- .nk-block-head-content -->
    </div><!-- .nk-block-between -->
</div><!-- .nk-block-head -->

<div class="components-preview table-bordered   mx-auto">

    <div class="nk-block nk-block-lg">
        <div class="card card-preview">
            <div class="card-inner">
                <table class="datatable-init nowrap table">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>Store Name</th>
                        <th>Store Image</th>
                        <th>Zip Code</th>
                        <th>City </th>
                        <th>Status</th>
                        <th>Action</th>

                    </tr>

                    </thead>

                    <tbody>
                    @if($stores)
                        @foreach($stores as $store)
                            <tr id="rowID-{{ $store->id }}">
                                <td>{{$store->id }}</td>
                                <td>{{$store->store_name}}</td>
                                <td><img src="{{ asset('assets/admin/stores/'.$store->store_image) }}" width="100px" height="50px"></td>
                                <td>{{$store->zip_code}}</td>
                                <td>{{$store->city}}</td>
                                <td>
                                    @if($store->status == 1)
                                        <span class="tb-status text-success">Active</span>
                                    @else
                                        <span class="tb-status text-danger">Inactive</span>
                                    @endif
                                </td>
                                <td>
                                    @php $prodID = Crypt::encrypt($store->id); @endphp
                                    <div class="btn-group " role="group" aria-label="Basic example">
                                        <a class="btn btn-dim btn-primary" href='{{ route('stores.edit',$store->id) }}'><em class="icon ni ni-edit"></em></a>
                                    </div>
                                    <div class="btn-group" role="group" aria-label="Basic example">
                                        {{ Form::open(['route' => ['stores.destroy', $store->id], 'method' => 'delete']) }}
                                        {{ Form::button('<i class="icon ni ni-trash-fill"></i>', [ 'type' => 'submit', 'class' => 'btn btn-dim btn-danger']) }}
                                        {{-- <a class="btn btn-primary" href='{{ route('stores.destroy',$store->id) }}'><em class="icon ni ni-eye"></em></a> --}}
                                        {{ Form::close() }}
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    @endif
                    </tbody>
                </table>
            </div>
        </div><!-- .card-preview -->
    </div> <!-- nk-block -->
</div><!-- .components-preview -->


@endsection