@extends('layouts.adminLayouts')
@section('head')
    <link rel="stylesheet" href="/assets/admin/bower_components/select2/dist/css/select2.min.css">
    <meta name="_token" content="{{csrf_token()}}">
@endsection
@section('content')

    <div class="margin" dir="ltr">
        <div class="btn-group">
            <a href="{{url('/admin/categorys')}}" class="btn btn-primary"> <i class="fa fa-arrow-left"></i>بازگشت</a>
        </div>
    </div>

    <div class="box">
        <div class="box-header">
            <h3 class="box-title">لیست دسته ها</h3>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <div class="row">
                <div class="col-md-8">
                    <div class="well">

                        {{ Form::model($item, array('url' => "admin/categorys/edit/{$item->id}", 'class' => 'form-horizontal')) }}

                        <div class="form-group">
                            <label for="label" class="col-lg-3 control-label">نام دسته</label>
                            <div class="col-lg-9">
                                {{ Form::text('label',null,array('class'=>'form-control'))}}
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="title" class="col-lg-3 control-label">توضیح</label>
                            <div class="col-lg-9">
                                {{ Form::text('title',null,array('class'=>'form-control'))}}
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="label" class="col-lg-3 control-label">نوع دسته</label>
                            <div class="col-lg-9">
                                <select name="type" id="type-category" class="form-control">
                                    <option value="category" @if($item->type == 'category') selected @endif>دسته</option>
                                    <option value="page" @if($item->type == 'page') selected @endif>صفحه</option>
                                    <option value="link" @if($item->type == 'link') selected @endif>لینک</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group category-div" @if($item->type != 'category') style="display: none" @endif>
                            <label for="label" class="col-lg-3 control-label">نام انگلیسی دسته</label>
                            <div class="col-lg-9">
                                {{ Form::text('en_name',null,array('class'=>'form-control' , 'id' => 'en_name'))}}
                            </div>
                        </div>

                        <div class="form-group category-div"
                             @if($item->type != 'category') style="display: none" @endif>
                            <label class="col-lg-3 control-label">پیوند یکتا</label>
                            <div class="slug-box col-lg-9">
                                <span>/</span>
                                <input type="text" class="form-control slug-txt text-left" id="slug" name="url"
                                       autocomplete="off" dir="ltr" value="{{$item->url}}">
                                <span>{{url('/search')}}/</span>
                            </div>
                        </div>

                        <div class="form-group link-div" @if($item->type != 'link') style="display: none" @endif>
                            <label class="col-lg-3 control-label">پیوند یکتا</label>
                            <div class="slug-box col-lg-9">
                                <input type="text" class="form-control" name="url_link" value="{{$item->url}}"
                                       autocomplete="off"
                                       dir="ltr">
                            </div>
                        </div>

                        <div class="form-group page-div" @if($item->type != 'page') style="display: none" @endif>
                            <label class="col-lg-3 control-label">صفحه</label>
                            <div class="col-lg-9">
                                <select name="url_page" class="form-control select2" style="width: 100%;" id="pages">
                                    <option value="">صفحه را انتخاب کنید</option>
                                    @foreach($pages as $page)
                                        <option value="{{$page->slug}}"
                                                @if($page->slug == $item->url) selected @endif>{{$page->title}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="url" class="col-lg-3 control-label">قابل نمایش در منو</label>
                            <div class="col-lg-9">
                                {!!Form::select('presentable', $status, null, ['class' => 'form-control'])!!}
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="url" class="col-lg-3 control-label">وضعیت</label>
                            <div class="col-lg-9">
                                {!!Form::select('status', $status, null, ['class' => 'form-control'])!!}
                            </div>
                        </div>


                        <div class="form-group">
                            <div class="col-md-6 col-md-offset-6 text-left">
                                <button type="submit" class="btn btn-lg btn-success">بروزرسانی</button>
                            </div>
                        </div>
                        {{ Form::close()}}
                    </div>
                </div>

                <div class="col-md-4">
                    <p>توجه!</p>
                    <div class="well">
                        <p>دسته هایی که غیر فعال هستند در سایت نمایش داده نمی شوند.</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.box-body -->
    </div>
@stop

@section('footer')
    <script>
        $('#type-category').on('change', function () {
            if (this.value == 'page') {
                $('.category-div').hide();
                $('.link-div').hide();
                $('.page-div').show();
            }
            if (this.value == 'link') {
                $('.category-div').hide();
                $('.link-div').show();
                $('.page-div').hide();
            }
            if (this.value == 'category') {
                $('.category-div').show();
                $('.link-div').hide();
                $('.page-div').hide();
            }
        });
    </script>

    <script src="{{url('/assets/admin/bower_components/select2/dist/js/select2.full.min.js')}}"></script>
    <script>

        $(function () {
            //Initialize Select2 Elements
            $('.select2').select2();
        })
    </script>
@stop