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

<!-- BEGIN: Content-->
<div class="app-content content ">
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper container-xxl p-0">
        <div class="content-header row">
            <div class="content-header-left col-md-12 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-10">
                        <h2 class="float-start mb-0">Model</h2>
                    </div>
                    <div class="col-2 text-end">
                        <a href="{{route('admin.modelCreate')}}" class="btn btn-primary"> + Add</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">

            <!-- Responsive tables start -->
            <div class="row" id="table-responsive">
                <div class="col-12">
                    <div class="card">
                        <!-- <div class="card-header">
                            <h4 class="card-title">Category</h4>
                        </div> -->
                        <div class="card-datatable table-responsive card-body">
                            <table class="table mb-0 data_table">
                                <thead>
                                    <tr>
                                        <th scope="col" class="text-nowrap">Sr.No</th>
                                        {{-- <th scope="col" class="text-nowrap">Make</th> --}}
                                        <th scope="col" class="text-nowrap">Name</th>
                                        <th scope="col" class="text-nowrap">Status</th>
                                        <th scope="col" class="text-nowrap">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if($models)
                                    @foreach($models as $key =>$model)
                                    <tr>
                                        <td class="text-nowrap">{{$key+1}}</td>
                                        {{-- <td class="text-nowrap">{{$model->make ? $model->make->name : ''}}</td> --}}
                                        <td class="text-nowrap">{{$model->name}}</td>
                                        <td class="text-nowrap">
                                            @if($model->status == 1)
                                            <a href="{{url('admin/model/status/update/0/'.$model->id)}}" class="btn btn-primary">Active</a>
                                            @else
                                            <a href="{{url('admin/model/status/update/1/'.$model->id)}}" class="btn btn-danger">InActive</a>
                                            @endif
                                        </td>
                                        <td class="text-nowrap">
                                            <a href="{{route('admin.editModel',[$model->id])}}" class="btn btn-xs btn-info btn-info"><i class="ph-duotone ph-pencil-simple"></i></a>
                                            &nbsp;
                                            <form method="post" action="{{route('admin.modelDelete')}}">
                                                @csrf
                                                <input name="_method" type="hidden" value="POST">
                                                <input type="hidden" name="id" value="{{$model->id}}">
                                                <button type="submit" class="btn btn-xs btn-danger btn-flat show_confirm" data-toggle="tooltip" title='Delete'><i class="ph-duotone ph-trash"></i></button>
                                            </form>
                                        </td>
                                    </tr>
                                    @endforeach
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Responsive tables end -->

        </div>
    </div>
</div>
<!-- END: Content-->


@endsection