@extends('layouts.app')
<script type="text/javascript">
    localStorage.setItem('modulename', '');
    localStorage.setItem('pagename', 'leftmenu_category');
</script>
@section('content')

    <div class="content-header row">
        <div class="content-header-left col-12 mb-2 mt-1">
            <div class="row breadcrumbs-top">
                <div class="col-12">
                    <h5 class="content-header-title float-left pr-1 mb-0">{{trans('app.category')}}</h5>
                    <div class="breadcrumb-wrapper col-12">
                        <ol class="breadcrumb p-0 mb-0">
                            <li class="breadcrumb-item"><a href="{{route('category.index')}}">
                                    <i class="bx bx-home-alt"></i></a>
                            </li>
                            <li class="breadcrumb-item active"><a href="{{route('category.index')}}">{{trans('app.list')}}</a></li>
                            <li class="breadcrumb-item active">{{trans('app.edit')}}</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section id="basic-vertical-layouts">
        <div class="row match-height">
            <div class="col-md-12 col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">{{trans('app.edit')}}</h4>
                        <a href="{{route('category.index')}}" class="btn btn-outline-danger float-right" style="margin-top: -30px"><i class="bx bx-undo"></i>{{trans('app.back')}}</a>
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            {!! Form::open(['route' => ['category.update'], 'class' => 'form form-vertical update-edit-form', 'id' => 'update-category-form','data-toggle' => 'validator','enctype' => 'multipart/form-data','files' => true]) !!}
                                <input type="hidden" id="id" name="id" value="{{ $category_data['id'] }}">
                                <div class="form-body">
                                    <div class="row">

                                        <div class="col-12 mb-1">
                                            <div class="form-group">
                                                <label for="category-vertical">{{trans('category.title')}}</label>
                                                <input class="form-control" type="text" id="title"
                                                    name="title" autocomplete="off"
                                                    placeholder="{{trans('category.title')}}" required value="{{ $category_data->title }}">
                                            </div>
                                            @component('components.ajax-error',['field'=>'title'])@endcomponent
                                            
                                        </div>

                                        <div class="col-12 mb-1">
                                            <div class="form-group">
                                                <input type="file" name="image" id="image">
                                            </div>
                                            @component('components.ajax-error',['field'=>'image'])@endcomponent
                                        </div>
                                        <div class="col-12 mb-1">
                                            <div class="thumb-md">
                                                <img src="{{ url('/frontend/images/category/'.$category_data->image) }}" class="img-thumbnail"/>
                                            </div>
                                        </div>
                                        <div class="col-12 d-flex ">
                                            <button type="submit" class="btn btn-primary mr-1 mb-1">{{trans('app.update')}}</button>
                                            <button type="reset" class="btn btn-light-secondary mr-1 mb-1">{{trans('app.reset')}}</button>
                                        </div>
                                    </div>
                                </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection
@push('pagestyle')
@endpush
@push('pagescript')
    @include('stacks.js.datatables')
    @include('stacks.js.modules.category.edit')
@endpush