@extends('layouts.adminLayouts')

@section('head')
    <meta name="_token" content="{{csrf_token()}}">
@stop

@section('content-header')
    <section class="content-header">
        <h1>
            ویرایش موضوع
        </h1>
        {{ Breadcrumbs::render('subjects.edit',['title' => $subject->title]) }}

    </section>
@stop


@section('content')


    <div class="margin" dir="ltr">

        <div class="btn-group">
            <a  href="{{url('/admin/subjects')}}" class="btn btn-primary"><i class="fa fa-backward"></i> بازگشت</a>
        </div>

    </div>


    <div class="box">
        <div class="box-header">
            <h3 class="box-title">ویرایش موضوع</h3>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
            <form id="subjectForm" onsubmit="updateSubject('{{$subject->id}}');return false;">
                @csrf
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label class="col-md-4"> عنوان <span style="color: red">*</span> </label>
                            <div class="col-md-8">
                                <input type="text" value="{{$subject->title}}" name="title" class="form-control"
                                       placeholder="عنوان درج شود...">
                            </div>
                        </div>
                    </div>
                    <br>
                    <br>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label class="col-md-4"> نوع موضوع <span style="color: red">*</span> </label>
                            <div class="col-md-8">
                                <select class="form-control" name="type">
                                    <option value="contact" @if($subject->type == 'contact') selected @endif>تماس با ما</option>
                                    <option value="137" @if($subject->type == '137') selected @endif>سامانه 137</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <br>
                    <br>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label class="col-md-4"> وضعیت <span style="color: red">*</span> </label>
                            <div class="col-md-8">
                              <select class="form-control" name="active">
                                  <option value="0" @if($subject->active == 0) selected @endif>غیرفعال</option>
                                  <option value="1" @if($subject->active == 1) selected @endif>فعال</option>
                              </select>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <div class="overlay" style="display:none" id="loading">
            <i class="fa fa-refresh fa-spin"></i>
        </div>
        <div class="box-footer text-left">
            <a onclick="updateSubject('{{$subject->id}}');" class="btn btn-primary">ارسال</a>
        </div>
        <!-- /.box-body -->
    </div>
@stop


@section('footer')

    <script>
        updateSubject = function (id) {
            $("#loading").show();
            var data = $("#subjectForm").serializeArray();
            $.ajax({
                url: '{{ url('/admin/subjects') }}/' + id,
                type: 'PUT',
                data: data,
                success: function (response) {
                    $("#loading").hide();
                    toastr.success(response.message);
                    setTimeout(function () {
                        window.location.replace('{{url('/admin/subjects')}}');
                    }, 2000);
                },
                error : function (xhr) {
                    $("#loading").hide();
                    if (xhr.status === 422) {
                        jQuery.each(xhr.responseJSON.errors, function (key, value) {
                            toastr.error(value);
                        });
                    }
                    if (xhr.status !== 422) {
                        toastr.warning('خطایی در سامانه رخ داد!');
                    }
                }
            });
        };
    </script>


@stop