@extends('admin.layouts.index')
@section('css')
<link href="{{asset('admin2/css/plugins/footable/footable.core.css')}}" rel="stylesheet">
@endsection
@section('title')
<title>Admin Category| CS-Design </title>
@endsection
@section('content')
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>@lang('cate')</h2>
        <ol class="breadcrumb">
            <li>
                <a href="#">Admin</a>
            </li>
            <li class="active">
                <a  href="/admin/project-category/list">@lang('cate')</a>
            </li>
            <li class="active">
                <strong>@lang('edit')</strong>
            </li>
        </ol>
    </div>
    <div class="col-lg-2">
    </div>
</div>
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="content">
        @if(session()->has('success'))
        <div class="alert alert-success">
            {{session()->get('success')}}
        </div>
        @endif
        @if(session()->has('error'))
        <div class="alert alert-danger">
            {{session()->get('error')}}
        </div>
        @endif
        @if($errors->any())
        <div class="alert alert-danger">
            <ul class="list-group">
                @foreach($errors->all() as $error)
                <li class="list-group-item">
                    {{ $error }}
                </li>
                @endforeach
            </ul>
        </div>
        @endif
        @yield('content')
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a class="close-link">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content">
                    <!-- <form class="form-group" method="POST" action="/admin/categories/update">
                        @csrf
                        <input name="id" value="{{$category->id}}" hidden />
                        <input class="form-control" type="text" placeholder="Category Name" required
                            name="category_name" value="{{$category->name}}" />

                        <input class="form-control" type="text" placeholder="Order" required name="category_name"
                            value="{{$category->name}}" />
                        <br />
                        <button type="submit" class="btn btn-primary">Update</button>
                    </form> -->
                    <form action="/admin/categories/update" method="POST" class="form-horizontal">
                        @csrf
                        <div class="form-group"><label class="col-sm-2 control-label">@lang('cate-name') (Eng)</label>
                            <div class="col-sm-10"><input type="text" class="form-control" name="name"
                                    value="{{$category->name}}" required>
                            </div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">@lang('cate-name') (Vi)</label>
                            <div class="col-sm-10"><input type="text" class="form-control" name="second_name"
                                    value="{{$category->second_name}}" required>
                            </div>
                        </div>
                        <input name="id" value="{{$category->id}}" hidden />
                        <div class="form-group"><label class="col-sm-2 control-label">@lang('order')</label>
                            <div class="col-sm-10"><input type="text" class="form-control" name="order" required
                                    value="{{$category->order}}" >
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-4 col-sm-offset-2">
                                <button class="btn btn-primary" id="submit-form-btn"
                                    onclick="submitForm('#demo_hidden', '#submit-form-btn')" type="submit">@lang('update')
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            @endsection
            @section('js')
            <script src="{{asset('admin2/js/admin/jquery-3.1.1.min.js')}}"></script>
            <script src="{{asset('admin2/js/admin/bootstrap.min.js')}}"></script>
            <script src="{{asset('admin2/js/admin/plugins/metisMenu/jquery.metisMenu.js')}}"></script>
            <script src="{{asset('admin2/js/admin/plugins/slimscroll/jquery.slimscroll.min.js')}}"></script>
            <!-- FooTable -->
            <script src="{{asset('admin2/js/admin/plugins/footable/footable.all.min.js')}}"></script>
            <!-- Custom and plugin javascript -->
            <script src="{{asset('admin2/js/admin/inspinia.js')}}"></script>
            <script src="{{asset('admin2/js/admin/plugins/pace/pace.min.js')}}"></script>
            <!-- Page-Level Scripts -->
            <script>
                $(document).ready(function () {
                    $('.footable').footable();
                    $('.footable2').footable();
                });
            </script>
            @endsection