@extends('frontend::layouts.master')
@section('title')

@section('style')

@endsection

@section('content')

    <div class="breadcrumb text-center p-t-50">
        <div class="container">
            <ul class="bor-0">
                <li><a href="{{ mwz_route('frontend.index') }}"><i class="fa-solid fa-house"></i></a></li>
                <li><a
                        href="{{ mwz_route('frontend.build') }}">{{ !empty($data['partner']['name_detail']) ? $data['partner']['name_detail'] : '' }}</a>
                </li>
            </ul>
        </div>
    </div>
    @if (!empty($data['partner']['description']))
        <section class="buil-your-brand p-t-0">
            <div class="container">
                <div class="h-top-title text-center p-b-80"'>
                    <h1>{{ !empty($data['partner']['name_detail']) ? $data['partner']['name_detail'] : '' }}</h1>
                </div>
                {!! !empty($data['partner']['description']) ? $data['partner']['description'] : '' !!}
            </div>
        </section>
    @endif


    <form id="partner_frm" name="partner_frm" method="POST" onsubmit="setSave(); return false;"
        enctype="multipart/form-data">
        <input type="hidden" name="id" id='id' value="">
        <section class="buil-your-brand-form">
            <div class="container">
                <div class="h-top-title text-center">
                    <h1>@lang('frontend::lang.partner_form')</h1>
                </div>

                <div class="partner-form p-t-50">
                    <div class="form-group col-md-4 p-0">
                        <label>@lang('frontend::lang.job_info_2')</label>
                        <input type="text" class="form-control" id="full_name" name='full_name'
                            placeholder="@lang('frontend::lang.job_info_2')" required>
                    </div>

                    <div class="form-group col-md-4 p-l-20 p-r-20">
                        <label>@lang('frontend::lang.phone_number')</label>
                        <input type="text" class="form-control" id="phone" name="phone"
                            placeholder="@lang('frontend::lang.phone_number')">
                    </div>

                    <div class="form-group col-md-4 p-0">
                        <label>@lang('frontend::lang.email')</label>
                        <input type="text" class="form-control" id="email" name="email"
                            placeholder="@lang('frontend::lang.email')">
                    </div>

                    <div class="form-group col-md-12 p-0">
                        <label>@lang('frontend::lang.company_name')</label>
                        <input type="text" class="form-control" id="company_name" name="company_name"
                            placeholder="@lang('frontend::lang.company_name')">
                    </div>

                    <div class="form-group col-md-12 p-0">
                        <label>@lang('frontend::lang.subject')</label>
                        <input id="subject" name="subject" type="text" class="form-control"
                            placeholder="@lang('frontend::lang.subject')">
                    </div>

                    <div class="form-group col-md-12 p-0">
                        <label for="exampleFormControlTextarea1" class="form-label">@lang('frontend::lang.detail')</label>
                        <textarea class="form-control" id="detail" name="detail" rows="3"></textarea>
                    </div>

                    <div class="form-group attached-file p-t-50">
                        <h5 class="m-b-20">@lang('frontend::lang.att_resume')</h5>
                        {{-- <form> --}}
                        <input type="file" id="file_1" name="file_1" multiple="">
                        {{-- </form> --}}
                        <p>@lang('frontend::lang.max_upload')</p>
                        <div class="m-t-50">
                            {{-- <form class="m-t-50"> --}}
                            <input type="file" id="up_file_2" name="up_file_2" multiple="">
                            {{-- </form> --}}
                        </div>
                        {{-- <div class=""></div> --}}
                        <p>@lang('frontend::lang.max_upload')</p>
                    </div>
                    {{-- @dump($page_init) --}}
                    <p class="form-group p-b-20">
                        {{-- <p><small class="text-danger msg-result d-none">***โปรดยอมรับเงื่อนไขของเรา***</small></p> --}}
                        <input type="checkbox" checked="checked" onclick="vvCheckbox();">
                        @lang('frontend::lang.acknowledge') <a style="text-decoration: underline;"
                            href="{{ mwz_route('frontend.policy') }}">@lang('frontend::lang.policy')</a>
                        <span class="checkmark"></span>
                    </p>

                    <div class="btn-are-form btn-sub-m">
                        {{-- onclick="myFunction()" --}}
                        <span id='Nocheck' class="d-none">
                            <a @disabled(true) class="btn-edit bg-black"
                                style="cursor:pointer;">@lang('frontend::lang.sub_form')</a>
                        </span>

                        <span id='Yescheck' class="">
                            <a class="btn-edit bg-black" style="cursor:pointer;" onclick="setSave();">@lang('frontend::lang.sub_form')</a>
                        </span>
                        <a class="btn-delete" style="cursor:pointer;" onclick="clear_form();">@lang('frontend::lang.cancle')</a>
                    </div>

                    {{-- <div class="popup">
                        <div class="popuptext fade" id="myPopup">
                            <div class="inner">
                                <h3 class="m-b-10 m-t-20">@lang('frontend::lang.thank')</h3>
                                <p class="m-b-20">@lang('frontend::lang.pt_sec') <br> @lang('frontend::lang.msg_2')</p>
                                <button id="close" onClick="javascript:location.reload();"
                                    class="close-popup">@lang('frontend::lang.btn_ok')</button>
                            </div>
                        </div>
                    </div> --}}


                </div>
            </div>
        </section>
    </form>

@endsection
<!-- mwz master js css -->
{{-- <link rel="stylesheet" href="{{ mix('css/mwz.css') }}">
<script src="{{ mix('js/mwz.js') }}"></script> --}}
<!--SweetAlert-->
{{-- <script src="{{ mix('plugins/sweetalert2/mwz.js') }}"></script> --}}
{{-- <script src="{{URL::asset('/public/assets/plugins/sweetalert2/src/sweetalert2.js')}}"></script> --}}
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
<script type="text/javascript">
    setSave = function() {
        Swal.fire({
            title: 'Are you sure?',
            text: "Your Partner Form has been has been sent successfully.",
            showCloseButton: true,
            confirmButtonColor: '#000',
            confirmButtonText: 'Confirm'
        }).then((result) => {
            if (result.isConfirmed) {
                event.preventDefault();
                // tinyMCE.triggerSave();
                // save Employee 
                var frm_data = new FormData($('#partner_frm')[0]);
                if (vvCheckbox()) {
                    $.ajax({
                        url: "/partner/send",
                        type: "POST",
                        contentType: false,
                        data: frm_data,
                        processData: false,
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        success: function success(resp) {
                            if (resp.res.success) {
                                funcCloseFrm();
                            } else {
                                Swal.fire({
                                    icon: 'error',
                                    title: resp.msg,
                                })
                            }
                        }
                    });
                }
            }
        })


    }

    clear_form = function() {
        document.getElementById("partner_frm").reset();
    }

    vvCheckbox = function() {
        var v = $('input:checkbox:checked').length;
        if (parseInt(v) == 0) {
            // $(".msg-result").removeClass('d-none');
            $("#Nocheck").removeClass('d-none');
            $("#Yescheck").addClass('d-none');

        } else {
            $("#Nocheck").addClass('d-none');
            $("#Yescheck").removeClass('d-none');
            return true;
        }
    }

    funcCloseFrm = function() {
        location.reload();
    }
</script>

@section('script')
@endsection