@extends('admin.layouts.master')

@section('contents')

    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">{{__('Sub Categories')}}</h2>
                        <div class="breadcrumb-wrapper col-12">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{route('admin.home')}}">{{__('Home')}}</a>
                                </li>
                                <li class="breadcrumb-item active"><a href="{{route('sub_categories.index')}}">{{__('Sub Categories')}}</a>
                                </li>
                                <li class="breadcrumb-item active">{{__('View Sub Category')}}
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            <section id="basic-input">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">{{__('Sub Category Details')}}</h4>
                            </div>
                            <div class="card-content">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label>{{__('ID')}}</label>
                                                <input type="text" class="form-control" value="{{$sub_category->id}}" readonly>
                                            </fieldset>
                                        </div>
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label>{{__('Category')}}</label>
                                                <input type="text" class="form-control" value="{{$sub_category->category?->name_ar}} - {{$sub_category->category?->name_en}}" readonly>
                                            </fieldset>
                                        </div>
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label>{{__('Name (Arabic)')}}</label>
                                                <input type="text" class="form-control" value="{{$sub_category->name_ar}}" readonly>
                                            </fieldset>
                                        </div>
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label>{{__('Name (English)')}}</label>
                                                <input type="text" class="form-control" value="{{$sub_category->name_en}}" readonly>
                                            </fieldset>
                                        </div>
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label>{{__('Created At')}}</label>
                                                <input type="text" class="form-control" value="{{Carbon\Carbon::parse($sub_category->created_at)->format('F j, Y \a\t g:i A')}}" readonly>
                                            </fieldset>
                                        </div>
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label>{{__('Updated At')}}</label>
                                                <input type="text" class="form-control" value="{{Carbon\Carbon::parse($sub_category->updated_at)->format('F j, Y \a\t g:i A')}}" readonly>
                                            </fieldset>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <a href="{{route('sub_categories.index')}}">
                                            <button type="button"
                                                    class="btn btn-outline-warning mr-1 mb-1 waves-effect waves-light">
                                                {{__('Back')}}
                                            </button>
                                        </a>
                                        @if(auth()->user()->can('update_categories'))
                                            <a href="{{route('sub_categories.edit', $sub_category->id)}}">
                                                <button type="button"
                                                        class="btn btn-primary mr-1 mb-1 waves-effect waves-light">
                                                    {{__('Edit')}}
                                                </button>
                                            </a>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>

@endsection