@extends('dashboard.layouts.master')
@section('title', 'Category Management| Admin Panel')
@push('after-styles')
    @if(Helper::checkPermission('categories', 'show'))
        <style type="text/css">
            #blah {
                height: 50% !important;
                width: 25% !important;
            }

            #blah1 {
                height: 50% !important;
                width: 25% !important;
            }
        </style>
        <link href="{{ asset('assets/dashboard/js/iconpicker/fontawesome-iconpicker.min.css') }}" rel="stylesheet">
        <link rel="stylesheet"
            href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" />
        <style type="text/css">
            .error {
                color: red;
                margin-left: 5px;
            }
        </style>
    @endpush
    @section('content')
        <div class="padding edit-package">
            <div class="box">
                <div class="box-header m-b-2">
                    <div class="box-header-left">
                        <h3 class="d-block">View Category</h3>
                        <small class="d-inline-block">
                            <a href="{{ route('adminHome') }}">{{ __('backend.dashboard') }}</a> / <a
                                href="{{ route('category') }}">Category Management</a>/
                            <span>View Category</span>
                        </small>
                    </div>
                    <div class="box-header-right">
                        <div class="box-tool">
                            <ul class="nav">
                                <li class="nav-item inline">
                                    <a class="nav-link" href="{{ route('category') }}">
                                        <i class="material-icons md-18">×</i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="box-body">
                    <div class="personal_informations">
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="form-group">
                                    <label class="form-control-label">Name</label>
                                    <input type="text" name="name" id="name" class="form-control"
                                        placeholder="Name" maxlength="30" value="{{ @$category->name }}" readonly>
                                    <span style="color: red;display: none;" id="errorMsgtitle" class='validate'></span>
                                </div>
                            </div>
                            <input type="hidden" name="id" id="id" class="form-control"
                                value="{{ @$category->id }}">
                        </div>
                        <div class="row">
                            <div class="col-lg-12 col-md-12">
                                <div class="form-group m-t-md">

                                    <a href="{{ route('category') }}" class="border-btn">
                                        {!! __('backend.cancel') !!}
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @else
        <input type="hidden" value="{{ route('adminHome') }}" id="redirect_url">
        <script type="text/javascript">
            var redirect_url = $('#redirect_url').val();
            window.location.replace(redirect_url);
        </script>
    @endif
@endsection


@push('after-scripts')
@endpush