@php
    use App\Http\Controllers\Mod\ModNegotiationProposalAppearance;
    use Illuminate\Support\Facades\Crypt;
    use Carbon\Carbon;
    use App\Http\Controllers\ModCronos;

    //EXEMPLO DE APARENCIA
    $record_appearance=isset($record_appearance)?$record_appearance:null;
    $record_appearance_example= ModNegotiationProposalAppearance::exampleAppearance();

    //EXEMPLO DE PEDIDOS
    $data_salesorder=ModNegotiationProposalAppearance::exampleSalesOrder();
    $conf_status =$data_salesorder->conf_status;
    $proposal_appearance=$data_salesorder->proposal_appearance;
    $proposal_status=$data_salesorder->proposal_status;
    $record=$data_salesorder->record;
    $record_client=$data_salesorder->record_client;
    $record_productservice=$data_salesorder->record_productservice;
    $profile_responsible=$data_salesorder->profile_responsible;
    $record_bonus=$data_salesorder->record_bonus;
    $record_description=$data_salesorder->record_description;
    //CATEGORIA
    $record_category=$data_salesorder->record_category;
    $now = Carbon::now();

@endphp


@include('system-layouts.layout-head')
<link href="https://sonodasistemas.com.br/developer/front-end/assets/plugins/sweetalert/sweetalert.css" rel=stylesheet
      type="text/css">
@include('mod-negotiation-proposal-appearance.title')
@include('mod-negotiation-proposal-appearance.formstyle')
<div id="appearanceStyle">
    @include('mod-negotiation-budget-client.index-style')
</div>
<div class="container-fluid" id="actionFormAppearance">
    <div>
        <div class="card">
            <div class="card-body">
                <div class="row" id="appearanceTheme">
                    <div class="col-sm-2  text-lg-right ">
                        <input  class="form-control" disabled="disabled"
                               value="{{isset($record_appearance->idAppearance)?$record_appearance->idAppearance:null}}">
                    </div>
                    <div class="col-sm-2 p-t-10 text-lg-right text-themecolor">
                        Nome do tema*:
                    </div>
                    <div class="col-sm-6">
                        <input name="xName" id="xName" class="form-control"
                               value="{{isset($record_appearance->xName)?$record_appearance->xName:'Aparência - '.ModCronos::convertDateTimeBR($now)}}">



                    </div>
                    <div class="col-sm-2 text-right">

                        <button type="button" class="btn btn-sm waves-effect waves-light btn-secondary appearance-btn-edit"
                                onclick="loadsDataForm(
                                            '#destinationAppearanceTheme',
                                            '{{ url('proposal-appearance-theme/edit')}}',
                                            '#appearanceTheme',
                                            ['#_token','#idAppearance']
                                        )" value="Cabeçalho">Salvar
                        </button>
                    </div>
                </div>
                <div id="destinationAppearanceTheme" ></div>
                <hr>
                <!--/ CONTENT END -->
                <div class="table-responsive m-t-20" id="actionIndex">
                    <div id="editHearder">
                        <div class="appearance-edit-btn text-right">
                            <div class="btn-group">
                                <button type="button"
                                        class="right-side-open btn btn-sm waves-effect waves-light btn-secondary appearance-btn-edit"
                                        data-target="sidebar-right"

                                        onclick="loadsDataForm(
                                            '#sidebarRight  .content',
                                            '{{url('/proposal-appearance-header/formedit')}}',
                                            '#appearanceHearder',
                                            ['#_token','#idAppearance']
                                        )"
                                        value="Cabeçalho">Editar
                                </button>

                            </div>
                        </div>
                        <div class="appearance-edit hide">
                            <div class="edit-backdrop">

                            </div>

                        </div>
                        <div id="appearanceHearder">
                            @include('mod-negotiation-proposal-appearance.index-01-header')
                        </div>
                    </div>
                    {{--                    <div class="clouse"--}}
                    {{--                         style="border-bottom: #ccc 1px solid; padding-top: 20px; margin-bottom: 20px;"></div>--}}
                    <div id="editClient">
                        <div class="appearance-edit-btn text-right">
                            <div class="btn-group">
                                <button type="button"
                                        class="right-side-open btn btn-sm waves-effect waves-light btn-secondary appearance-btn-edit"
                                        data-target="sidebar-right"

                                        onclick="loadsDataForm(
                                            '#sidebarRight  .content',
                                            '{{url('/proposal-appearance-client/formedit')}}',
                                            '#appearanceClient',
                                            ['#_token','#idAppearance']
                                        )"
                                        value="client">Editar
                                </button>

                            </div>
                        </div>
                        <div class="appearance-edit hide">
                            <div class="edit-backdrop">
                            </div>

                        </div>
                        <div id="appearanceClient">
                            @include('mod-negotiation-proposal-appearance.index-02-client')
                        </div>
                    </div>


                    <div id="editPublicity">
                        <div class="appearance-edit-btn text-right">
                            <div class="btn-group">
                                <button type="button"
                                        class="right-side-open btn btn-sm waves-effect waves-light btn-secondary appearance-btn-edit"
                                        data-target="sidebar-right"

                                        onclick="loadsDataForm(
                                            '#sidebarRight  .content',
                                            '{{url('/proposal-appearance-publicity/formedit')}}',
                                            '#appearancePublicity',
                                            ['#_token','#idAppearance']
                                        )"
                                        value="client">Editar
                                </button>

                            </div>
                        </div>
                        <div class="appearance-edit hide">
                            <div class="edit-backdrop">
                            </div>

                        </div>
                        <div id="appearancePublicity">
                            @include('mod-negotiation-proposal-appearance.index-03-publicity')
                        </div>
                    </div>


                    <div id="editProductservLine">

                        <div class="appearance-edit-btn text-right">
                            <div class="btn-group">
                                <button type="button"
                                        class="right-side-open btn btn-sm waves-effect waves-light btn-secondary appearance-btn-edit"
                                        data-target="sidebar-right"

                                        onclick="loadsDataForm(
                                            '#sidebarRight  .content',
                                            '{{url('/proposal-appearance-productserv-line/formedit')}}',
                                            '#appearanceProctServ',
                                            ['#_token','#idAppearance']
                                        )"
                                        value="client">Editar
                                </button>

                            </div>
                        </div>
                        <div class="appearance-edit hide">
                            <div class="edit-backdrop">
                            </div>

                        </div>
                        <div id="appearanceProctServ">
                            @include('mod-negotiation-proposal-appearance.index-04-productserv')
                        </div>

                    </div>

                    {{--                    <div id="prodserCategory">--}}
                    {{--                        @include('mod-negotiation-proposal-appearance.index-04-productserv-category')--}}

                    {{--                    </div>--}}

                    <div id="editBonus">

                        <div class="appearance-edit-btn text-right">
                            <div class="btn-group">
                                <button type="button"
                                        class="right-side-open btn btn-sm waves-effect waves-light btn-secondary appearance-btn-edit"
                                        data-target="sidebar-right"

                                        onclick="loadsDataForm(
                                            '#sidebarRight  .content',
                                            '{{url('/proposal-appearance-bonus/formedit')}}',
                                            '#appearanceBonus',
                                            ['#_token','#idAppearance']
                                        )"
                                        value="client">Editar
                                </button>

                            </div>
                        </div>
                        <div class="appearance-edit hide">
                            <div class="edit-backdrop">
                            </div>

                        </div>
                        <div id="appearanceBonus">
                            @include('mod-negotiation-proposal-appearance.index-05-bonus')

                        </div>
                    </div>

                    <div id="editTime">

                        <div class="appearance-edit-btn text-right">
                            <div class="btn-group">
                                <button type="button"
                                        class="right-side-open btn btn-sm waves-effect waves-light btn-secondary appearance-btn-edit"
                                        data-target="sidebar-right"

                                        onclick="loadsDataForm(
                                            '#sidebarRight  .content',
                                            '{{url('/proposal-appearance-time/formedit')}}',
                                            '#appearanceTime',
                                            ['#_token','#idAppearance']
                                        )"
                                        value="client">Editar
                                </button>

                            </div>
                        </div>
                        <div class="appearance-edit hide">
                            <div class="edit-backdrop">
                            </div>

                        </div>
                        <div id="appearanceTime">
                            @include('mod-negotiation-proposal-appearance.index-06-time')

                        </div>
                    </div>
                    <div id="editDescrition">

                        <div class="appearance-edit-btn text-right">
                            <div class="btn-group">
                                <button type="button"
                                        class="right-side-open btn btn-sm waves-effect waves-light btn-secondary appearance-btn-edit"
                                        data-target="sidebar-right"

                                        onclick="loadsDataForm(
                                            '#sidebarRight  .content',
                                            '{{url('/proposal-appearance-description/formedit')}}',
                                            '#appearanceDescriptionClient',
                                            ['#_token','#idAppearance']
                                        )"
                                        value="client">Editar
                                </button>

                            </div>
                        </div>
                        <div class="appearance-edit hide">
                            <div class="edit-backdrop">
                            </div>

                        </div>
                        <div id="appearanceDescriptionClient">

                            @include('mod-negotiation-proposal-appearance.index-07-description')
                        </div>
                    </div>
                    <div id="editHesitation">

                        <div class="appearance-edit-btn text-right">
                            <div class="btn-group">
                                <button type="button"
                                        class="right-side-open btn btn-sm waves-effect waves-light btn-secondary appearance-btn-edit"
                                        data-target="sidebar-right"

                                        onclick="loadsDataForm(
                                            '#sidebarRight  .content',
                                            '{{url('/proposal-appearance-hesitation/formedit')}}',
                                            '#appearanceHesitation',
                                            ['#_token','#idAppearance']
                                        )"
                                        value="client">Editar
                                </button>

                            </div>
                        </div>
                        <div class="appearance-edit hide">
                            <div class="edit-backdrop">
                            </div>

                        </div>
                        <div id="appearanceHesitation">
                            @include('mod-negotiation-proposal-appearance.index-08-hesitation')
                        </div>
                    </div>

                    <div id="editFooter">

                        <div class="appearance-edit-btn text-right">
                            <div class="btn-group">
                                <button type="button"
                                        class="right-side-open btn btn-sm waves-effect waves-light btn-secondary appearance-btn-edit"
                                        data-target="sidebar-right"

                                        onclick="loadsDataForm(
                                            '#sidebarRight  .content',
                                            '{{url('/proposal-appearance-footer/formedit')}}',
                                            '#appearanceFooter',
                                            ['#_token','#idAppearance']
                                        )"
                                        value="client">Editar
                                </button>

                            </div>
                        </div>
                        <div class="appearance-edit hide">
                            <div class="edit-backdrop">
                            </div>

                        </div>
                        <div id="appearanceFooter">

                            @include('mod-negotiation-proposal-appearance.index-09-footer')
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-sm-12 text-right p-r-20">

                            <a class="btn waves-effect waves-light  btn-secondary"
                               href="{{ url('proposal-appearance/')}}">
                                < Voltar
                            </a>
                            <span id="destinyAppearance"></span>
                            <span id="respAppearance">

                                 <button class="btn waves-effect waves-light btn-outline-success " title="Publicar"
                                         data-toggle="modal" data-target="#modalResponsive"
                                         onclick="loadsDataForm('#modalResponsive  .modal-content',
                                            '{{url('/proposal-appearance-public/publicform')}}','#actionNot',['#_token','#idAppearance'])"
                                 >  <i class="ti-upload "></i> Publicar
                                 </button>
                            </span>
                        </div>
                    </div>
                    <input type="hidden" name="_token" id="_token" value="{{csrf_token()}}">
                    <input name="idAppearance" id="idAppearance" type="hidden"
                           value="{{Crypt::encrypt(isset($record_appearance->idAppearance)?$record_appearance->idAppearance:null)}}">
                </div>


                <!--/ CONTENT END -->
            </div>
        </div>
    </div>
</div>

<div id="destinationResp"></div>

@include('system-layouts.layout-footer')


<script>

    $(document).ready(function () {
        $('#proposalConfirClient').click(function () {
            checado = document.getElementById('proposalConfirClient');
            if (checado.checked == true) {
                $('#btnProposalConfirClient').show();
                $('#btnProposalConfirClientEx').hide();
            } else {
                $('#btnProposalConfirClient').hide();
                $('#btnProposalConfirClientEx').show();
            }
        });

        // $('.appearance-btn-edit').click(function () {
        //     var v_value = $(this).val();
        //     $('.edit-backdrop').addClass('edit-backdrop-hover');
        //     $('#' + v_value + ' .appearance-edit').fadeIn()
        //     $('#' + v_value + ' .appearance-btn-clouse').css('display', 'block');
        //     $('#' + v_value + ' .appearance-btn-salve').css('display', 'block');
        //     $('#' + v_value + ' .appearance-btn-edit').css('display', 'none');
        //
        //
        // });
        // $('.appearance-btn-clouse').click(function () {
        //     var v_value = $(this).val()
        //     $('.edit-backdrop').removeClass('edit-backdrop-hover');
        //
        //     $('#' + v_value + ' .appearance-edit').fadeToggle()
        //
        //     $('#' + v_value + ' .appearance-btn-clouse').css('display', 'none');
        //     $('#' + v_value + ' .appearance-btn-salve').css('display', 'none');
        //     $('#' + v_value + ' .appearance-btn-edit').css('display', 'block');
        // });

    });

</script>

<script src="https://sonodasistemas.com.br/developer/front-end/assets/plugins/sweetalert/sweetalert.min.js"></script>


<script>
    $(function () {
        $('#saveTheme').click(function () {

            oziLoadData(data = {
                consoleError: 'on',
                ldDestinyId: 'destinyAppearance',
                ldCatchGroupId: ['actionFormAppearance'],
                ldCatchItenName: ['_token','idPublicStatus:{{Crypt::encrypt(2)}}'],
                ldUrl: '{{asset("/proposal-appearance/edit")}}',
            });
        });
        $('#publicTheme').click(function () {
            oziLoadData(data = {
                consoleError: 'on',
                ldDestinyId: 'destinyAppearance',
                ldCatchGroupId: ['actionFormAppearance'],
                ldCatchItenName: ['_token','idPublicStatus:{{Crypt::encrypt(1)}}'],
                ldUrl: '{{asset("/proposal-appearance/edit")}}',
            });
        });
    });

    !function ($) {
        "use strict";

        var SweetAlert = function () {
        };

        //examples
        SweetAlert.prototype.init = function () {

            //Basic
            $('#sa-basic').click(function () {
                swal("Você precisa selecionar que aceita os termos e valores");
            });

            //A title with a text under
            $('#sa-title').click(function () {
                swal("Atenção!", "Você precisa selecionar que aceita os termos e valores.")

            });

            //Success Message
            $('#sa-success').click(function () {

                swal("Parabéns!", "É com orgulho e satisfação que o temos como cliente. Que possamos juntos prosperar.", "success")

                setTimeout(function () {
                    document.forms["actionIndex"].submit()
                }, 3000)
            });

        },
            //init
            $.SweetAlert = new SweetAlert, $.SweetAlert.Constructor = SweetAlert
    }(window.jQuery),

//initializing
        function ($) {
            "use strict";
            $.SweetAlert.init()
        }(window.jQuery);

</script>