@extends('tpl')
@section('body')
    <div class="wrapper-content animated fadeInRight form-horizontal">
        <div class="row">
            <div class="col-lg-12">
                <form action="" id="project-form">
                    <div class="ibox float-e-margins ">
                        <div class="ibox-content">
                            <a href="{{url('/project')}}" class="btn btn-outline btn-info pull-right">
                                <i class="fa fa-bars"></i>Lista
                            </a>
                            <h2 class="ibox-title">
                                @if(!isset($item))
                                    Adaugare/Editare proiect
                                @else
                                    <span class="edit-content-name">{{$item->name or ''}} / </span><span
                                            class="edit-content-serial">{{$item->serial or ''}}</span>
                                @endif
                            </h2>
                        </div>
                        <div class="ibox-content">
                            @include('projectEditForm')

                            <div class="btn-controls personal-btn-controls">
                                <div class="btn btn-white " onclick="performStore('draft')"><i
                                            class="fa fa-pencil-square"></i>
                                    Salveaza ca ciorna
                                </div>
                                <div class="btn btn-primary" onclick="performStore('design')">
                                    <i class="fa fa-save"></i>
                                    {{trans('e.save_and_finish_round')}}
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        function performStore(status) {

            var data = $('#project-form').serialize();
            data += '&status=' + status;
            data += '&postal_code=' + $('form').find('#fan_postal_code_list option:selected').data('postal');

            clearErrorMsg('#project-form');

            $.ajax({
                type: 'POST',
                url: '/project/performStore',
                beforeSend: function () {
                    loader_list.fadeIn();
                },
                data: data,
                success: function (resp) {
                    loader_list.fadeOut();

                    if (resp.validator)
                        addErrorMsg('#project-form', resp.validator);
                    if (resp.msg)
                        toastr[resp.msg.type](resp.msg.e);

                    if (resp.msg.sms)
                        toastr[resp.msg.sms.msg.type](resp.msg.sms.msg.e);

                    if (resp.msg.paymentAccountEmail)
                        toastr[resp.msg.paymentAccountEmail.msg.type](resp.msg.paymentAccountEmail.msg.e);

                    if (resp.package_id)
                        $('input[name="package_id"]').val(resp.package_id);

                    setTimeout(function () {
                        if (resp.status && resp.package_id) {
                            window.location.href = '/project';
                        }
                    }, 1500);
                },
                error: function () {
                    loader_list.fadeOut();

                    setTimeout(function () {
                        window.location.reload();
                    }, 500)
                }
            });

        }

    </script>
@endsection