@extends('layout.master')

@push('plugin-styles')
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.1.2/css/material-design-iconic-font.min.css">
    <link href="{{ asset('assets/plugins/dropify/css/dropify.min.css') }}" rel="stylesheet" />
    <link href="{{ asset('assets/css/phone.css') }}" rel="stylesheet" />
@endpush
@section('title', __('dashboard.Edit invitation'))
@section('content')
    <nav class="page-breadcrumb">
        <div class="row align-items-center">
            <div class="col-md-6">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="#">{{ __('dashboard.Invitations') }}</a></li>
                    <li class="breadcrumb-item"><a
                            href="{{ route('invitation-settings.all') }}">{{ __('dashboard.Invitation settings') }}</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">{{ __('dashboard.Edit invitation') }}</li>
                </ol>
            </div>
        </div>
    </nav>
    <div class="row">
        <div class="col-md-12 stretch-card">
            <div class="card">
                <div class="card-body">
                    <h6 class="card-title mb-4">{{ __('dashboard.Edit invitation') }}</h6>
                    <div class="row">
                        <div class="col-md-12 mt-4">
                            <form action="{{ route('invitation-settings.update', [$invset->id] ) }}" method="POST" class="needs-validation" novalidate enctype="multipart/form-data">
                                @csrf
                                <div class="row align-items-start">
                                    <div class="col-md-5">
                                        <div class="page">
                                            <div class="marvel-device nexus5">
                                                <div class="top-bar"></div>
                                                <div class="sleep"></div>
                                                <div class="volume"></div>
                                                <div class="camera"></div>
                                                <div class="screen">
                                                    <div class="screen-container">
                                                        <div class="status-bar">
                                                            <div class="time"></div>
                                                            <div class="battery">
                                                                <i class="zmdi zmdi-battery"></i>
                                                            </div>
                                                            <div class="network">
                                                                <i class="zmdi zmdi-network"></i>
                                                            </div>
                                                            <div class="wifi">
                                                                <i class="zmdi zmdi-wifi-alt-2"></i>
                                                            </div>
                                                        </div>
                                                        <div class="chat">
                                                            <div class="chat-container">
                                                                <div class="user-bar">
                                                                    <div class="back">
                                                                        <i class="zmdi zmdi-arrow-left"></i>
                                                                    </div>
                                                                    <div class="avatar">
                                                                        <img src="{{ asset('assets/images/phone/logo.png') }}"
                                                                            alt="Avatar">
                                                                    </div>
                                                                    <div class="name">
                                                                        <span>Yamarahib</span>
                                                                        <span class="status">online</span>
                                                                    </div>
                                                                    <div class="actions more">
                                                                        <i class="zmdi zmdi-more-vert"></i>
                                                                    </div>
                                                                    <div class="actions attachment">
                                                                        <i class="zmdi zmdi-phone"></i>
                                                                    </div>
                                                                    <div class="actions">
                                                                        <img
                                                                            src="{{ asset('assets/images/phone/ic-action-videocall.png') }}" />
                                                                    </div>
                                                                </div>
                                                                <div class="conversation">
                                                                    <div class="conversation-container">
                                                                        <div class="message sent">
                                                                            <div class="UzMP7 _27hEJ _3m5cz" id="preview_div">
                                                                                <div class="_1BOF7 _2AOIt">
                                                                                    <div 
                                                                                        class="cm280p3y ktbp76dp ocd2b0bc folpon7g aa0kojfi snweb893 g0rxnol2 jnl3jror copyable-text">
                                                                                        <div >
                                                                                            <div id="thumbnail_preview" @if(!$invset->template1->is_image) style="display:none; @endif height: 150px;" 
                                                                                                class=" l8fojup5 paxyh2gw sfeitywo cqsf3vkf   laorhtua gfz4du6o r7fjleex g0rxnol2">
                                                                                                <div style="height:100px;"
                                                                                                    class="g0rxnol2 ln8gz9je ppled2lx">
                                                                                                    <div style="height:100px; flex: 1;"
                                                                                                        class="lhggkp7q jnl3jror    ln8gz9je ppled2lx">
                                                                                                        <img src="{{ '/public'.$invset->image }}"
                                                                                                            id="thumbnail"
                                                                                                            class="thumbnail"
                                                                                                            style="width: 100%; ">
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="cm280p3y bkoknyjm esbfogcw jfqm35v0 bxcbqipq mhcwslh8">
                                                                                                <div class="_21Ahp _1sh49">
                                                                                                    <span
                                                                                                        class="_11JPr selectable-text copyable-text"
                                                                                                        style="min-height: 0px;">
                                                                                                        <span
                                                                                                            class="f804f6gw ln8gz9je">
                                                                                                            <p id="preview_header"
                                                                                                                class="introduction">
                                                                                                                {{ $invset->template1->salutation }}
                                                                                                            </p>
                                                                                                            <p id="text"
                                                                                                                class="msg-body">
                                                                                                                {{ $invset->text }}
                                                                                                            </p>
                                                                                                            <p id="preview_footer"
                                                                                                                class="msg-body">
                                                                                                                {{ $invset->template1->footer }}
                                                                                                            </p>
                                                                                                        </span>
                                                                                                    </span>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="lrw9n60e lhggkp7q fz4q5utg b9fczbqn">
                                                                                                <div
                                                                                                    class="gq1t1y46 o38k74y6 e4p1bexh cr2cog7z le5p0ye3  ">
                                                                                                    <span
                                                                                                        class="l7jjieqr fewfhwl7"
                                                                                                        dir="auto">
                                                                                                        4:52
                                                                                                        PM
                                                                                                    </span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>

                                                                                </div>
                                                                                <div class="ktbp76dp">
                                                                                    <div
                                                                                        class="cm280p3y  lkhkxwyq tt8xd2xn pu8ho3eu mpdn4nr2 q0ffeh1t a303csdi owy6h1o0 ejukfo24 pe3vt9yl">
                                                                                        <button
                                                                                            class="cm280p3y   ggj6brxn   t8cglthg epwkujcx f8jlpxt4  dmdq60dq ajgl1lbb jht8oeb6 n1yiu2zv atp9n7ve oq31bsqd e1yunedv g1eqewly i6d2np71 mpdn4nr2 sa0hcjb2 rq6dtfpq aokg6g0y nqm9sais lrpjbpgm f2bw7rpy">
                                                                                            <span id="preview_accept"
                                                                                                class="">{{ $invset->template1->accept_text }}</span>
                                                                                        </button>
                                                                                        <button
                                                                                            class="cm280p3y   ggj6brxn   t8cglthg epwkujcx f8jlpxt4  dmdq60dq ajgl1lbb jht8oeb6 n1yiu2zv atp9n7ve oq31bsqd e1yunedv g1eqewly i6d2np71 mpdn4nr2 sa0hcjb2 rq6dtfpq aokg6g0y nqm9sais lrpjbpgm f2bw7rpy">
                                                                                            <span id="preview_refuse"
                                                                                                class="gfz4du6o r7fjleex lhj4utae le5p0ye3">{{ $invset->template1->reject_text }}</span>
                                                                                        </button>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="ktbp76dp" style="display:none;">
                                                                                    <div
                                                                                        class="cm280p3y  lkhkxwyq tt8xd2xn pu8ho3eu mpdn4nr2 q0ffeh1t a303csdi owy6h1o0 ejukfo24 pe3vt9yl">
                                                                                        <button
                                                                                            class="cm280p3y   ggj6brxn   t8cglthg epwkujcx f8jlpxt4  dmdq60dq ajgl1lbb jht8oeb6 n1yiu2zv atp9n7ve oq31bsqd e1yunedv g1eqewly i6d2np71 mpdn4nr2 sa0hcjb2 rq6dtfpq aokg6g0y nqm9sais lrpjbpgm f2bw7rpy"
                                                                                            style="width: 100%;">
                                                                                            <span
                                                                                                class="gfz4du6o r7fjleex lhj4utae le5p0ye3">موقع
                                                                                                المناسبة</span>
                                                                                        </button>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-7">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group"><label
                                                        for="degree2">{{ __('dashboard.Invitation type') }}
                                                        <span class="text-danger">*</span></label>
                                                    <select class="form-control placeholder mb-4 master"
                                                        name="invitation_type" required>
                                                        <option value="public" @if($invset->invitation_type == 'public') selected @endif>{{ __('dashboard.public invitation') }}
                                                        </option>
                                                        <option value="reminder" @if($invset->invitation_type == 'reminder') selected @endif>{{ __('dashboard.Reminder invitation') }}
                                                        </option>
                                                        <option value="custom" @if($invset->invitation_type == 'custom') selected @endif>{{ __('dashboard.Custom invitation') }}
                                                        </option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group"><label for="degree2">{{ __('dashboard.event') }}
                                                        <span class="text-danger">*</span></label>
                                                    <select name="event_id" class="form-control" required>
                                                        <option value="">{{ __('dashboard.Please select') }}
                                                        </option>
                                                        @foreach ($events as $event)
                                                            <option value="{{ $event->id }}" @if($invset->event_id == $event->id) selected @endif>{{ $event->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group"><label
                                                        for="degree2">{{ __('dashboard.Invitation name') }}
                                                        <span class="text-danger">*</span></label>
                                                    <input type="text" name="name" class="form-control mb-4"
                                                        value="{{$invset->invitation_name}}" required>
                                                </div>
                                            </div>
                                            <div class="col-md-6" style="display:none;">
                                                <div class="form-group">
                                                    <label for="degree2">{{ __('dashboard.secret number') }}
                                                        <span class="text-danger">*</span></label>
                                                    <input type="text" name="secret_number" class="form-control mb-4"
                                                        >
                                                </div>
                                            </div>
                                            <div class="col-md-12 mb-3">
                                                <h5><i
                                                        data-feather="mail"></i>&emsp;{{ __('dashboard.Customize the first message') }}
                                                    :</h5>
                                            </div>
                                            <div class="col-md-12 mb-3 mt-4">
                                                <div class="form-group"><label
                                                        for="degree2">{{ __('dashboard.Template name') }}
                                                        <span class="text-danger">*</span></label>
                                                    <select name="template_id" id="template_id" class="form-control" required onchange="template_change(this);">
                                                        <option value="">{{ __('dashboard.Please select') }}
                                                        </option>
                                                        @foreach ($templates as $template)
                                                            <option value="{{ $template->id }}" @if($invset->template_id == $template->id) selected @endif>{{ $template->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-12 mb-4" id="photo_div" @if($invset->image === null) style="display:none;" @endif>
                                                <div class="form-group">
                                                    <label for="degree2">{{ __('dashboard.Invitation photo') }}</label>
                                                    <input type="file" class="myDropify" name="photo" id="photo" data-default-file="{{ '/public'.$invset->image }}" />
                                                </div>
                                            </div>
                                            <!--<div class="col-md-12">-->
                                            <!--    <div class="form-group">-->
                                            <!--        <label-->
                                            <!--            for="degree2">{{ __('dashboard.The salutation and text before the title') }}-->
                                            <!--            <span class="text-danger">*</span></label>-->
                                            <!--        <input type="text" name="salutation" class="form-control mb-4"-->
                                            <!--            required>-->
                                            <!--    </div>-->
                                            <!--</div>-->
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label for="degree2">{{ __('dashboard.Invitation text') }}
                                                        <span class="text-danger">*</span></label>
                                                    <textarea class="form-control mb-4" name="text" id="text_input" rows="5" required>{{ $invset->text }}</textarea>
                                                </div>
                                            </div>
                                            
                                            
                                            <div class="col-md-12 " style="display:none;">
                                                <div class="form-group">
                                                    <div class="form-check form-check-inline">
                                                        <input type="checkbox" class="form-check-input" id="checkInline"
                                                            name="additional_customization">
                                                        <label class="form-check-label" for="checkInline">
                                                            {{ __('dashboard.Additional customization') }}
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                            <div class="col-md-6 button-content d-none2">
                                                <div class="form-group">
                                                    <label for="degree2">{{ __('dashboard.Accept button text') }}
                                                        <span class="text-danger">*</span></label>
                                                    <input type="text" name="accept_text" class="form-control mb-4"
                                                        >
                                                </div>
                                            </div>
                                            <div class="col-md-6 button-content d-none2">
                                                <div class="form-group">
                                                    <label for="degree2">{{ __('dashboard.reject button text') }}
                                                        <span class="text-danger">*</span></label>
                                                    <input type="text" name="reject_text" class="form-control mb-4"
                                                        >
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row second-message">
                                    <div class="col-md-5">
                                        <div class="page">
                                            <div class="marvel-device nexus5">
                                                <div class="top-bar"></div>
                                                <div class="sleep"></div>
                                                <div class="volume"></div>
                                                <div class="camera"></div>
                                                <div class="screen">
                                                    <div class="screen-container">
                                                        <div class="status-bar">
                                                            <div class="time"></div>
                                                            <div class="battery">
                                                                <i class="zmdi zmdi-battery"></i>
                                                            </div>
                                                            <div class="network">
                                                                <i class="zmdi zmdi-network"></i>
                                                            </div>
                                                            <div class="wifi">
                                                                <i class="zmdi zmdi-wifi-alt-2"></i>
                                                            </div>
                                                        </div>
                                                        <div class="chat">
                                                            <div class="chat-container">
                                                                <div class="user-bar">
                                                                    <div class="back">
                                                                        <i class="zmdi zmdi-arrow-left"></i>
                                                                    </div>
                                                                    <div class="avatar">
                                                                        <img src="{{ asset('assets/images/phone/logo.png') }}"
                                                                            alt="Avatar">
                                                                    </div>
                                                                    <div class="name">
                                                                        <span>Yamarahib</span>
                                                                        <span class="status">online</span>
                                                                    </div>
                                                                    <div class="actions more">
                                                                        <i class="zmdi zmdi-more-vert"></i>
                                                                    </div>
                                                                    <div class="actions attachment">
                                                                        <i class="zmdi zmdi-phone"></i>
                                                                    </div>
                                                                    <div class="actions">
                                                                        <img
                                                                            src="{{ asset('assets/images/phone/ic-action-videocall.png') }}" />
                                                                    </div>
                                                                </div>
                                                                <div class="conversation">
                                                                    <div class="conversation-container">
                                                                        <div class="message sent">
                                                                            <div class="UzMP7 _27hEJ _3m5cz" id="preview_div2" >
                                                                                <div class="_1BOF7 _2AOIt">
                                                                                    <div
                                                                                        class="cm280p3y ktbp76dp ocd2b0bc folpon7g aa0kojfi snweb893 g0rxnol2 jnl3jror copyable-text">
                                                                                        <div>
                                                                                            <div id="thumbnail2_preview" style="display:none;height: 150px;" 
                                                                                                class=" l8fojup5 paxyh2gw sfeitywo cqsf3vkf   laorhtua gfz4du6o r7fjleex g0rxnol2" >
                                                                                                <div
                                                                                                    class="g0rxnol2 ln8gz9je ppled2lx">
                                                                                                    <div
                                                                                                        class="lhggkp7q jnl3jror    ln8gz9je ppled2lx">
                                                                                                        <img src="{{ asset('assets/images/phone/thumbnail.png') }}"
                                                                                                            id="thumbnail2"
                                                                                                            class="thumbnail"
                                                                                                            style="width: 100%;">
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="cm280p3y bkoknyjm esbfogcw jfqm35v0 bxcbqipq mhcwslh8">
                                                                                                <div class="_21Ahp _1sh49">
                                                                                                    <span
                                                                                                        class="_11JPr selectable-text copyable-text"
                                                                                                        style="min-height: 0px;">
                                                                                                        <span
                                                                                                            class="f804f6gw ln8gz9je">
                                                                                                           <p id="preview_header2"
                                                                                                                class="introduction">
                                                                                                                @isset($invset->template2->salutation) {{ $invset->template2->salutation }} @endisset
                                                                                                            </p>
                                                                                                            <p id="text2"
                                                                                                                class="msg-body">
                                                                                                                {{ $invset->text2 }}
                                                                                                            </p>
                                                                                                            <p id="preview_footer2"
                                                                                                                class="msg-body">
                                                                                                                @isset($invset->template2->footer) {{ $invset->template2->footer }} @endisset
                                                                                                            </p>
                                                                                                        </span>
                                                                                                    </span>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="lrw9n60e lhggkp7q fz4q5utg b9fczbqn">
                                                                                                <div
                                                                                                    class="gq1t1y46 o38k74y6 e4p1bexh cr2cog7z le5p0ye3  ">
                                                                                                    <span
                                                                                                        class="l7jjieqr fewfhwl7"
                                                                                                        dir="auto">
                                                                                                        4:52
                                                                                                        PM
                                                                                                    </span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>

                                                                                </div>
                                                                                <!--<div class="ktbp76dp">-->
                                                                                <!--    <div-->
                                                                                <!--        class="cm280p3y  lkhkxwyq tt8xd2xn pu8ho3eu mpdn4nr2 q0ffeh1t a303csdi owy6h1o0 ejukfo24 pe3vt9yl">-->
                                                                                <!--        <button-->
                                                                                <!--            class="cm280p3y   ggj6brxn   t8cglthg epwkujcx f8jlpxt4  dmdq60dq ajgl1lbb jht8oeb6 n1yiu2zv atp9n7ve oq31bsqd e1yunedv g1eqewly i6d2np71 mpdn4nr2 sa0hcjb2 rq6dtfpq aokg6g0y nqm9sais lrpjbpgm f2bw7rpy">-->
                                                                                <!--            <span-->
                                                                                <!--                class="gfz4du6o r7fjleex lhj4utae le5p0ye3">قبول</span>-->
                                                                                <!--        </button>-->
                                                                                <!--        <button-->
                                                                                <!--            class="cm280p3y   ggj6brxn   t8cglthg epwkujcx f8jlpxt4  dmdq60dq ajgl1lbb jht8oeb6 n1yiu2zv atp9n7ve oq31bsqd e1yunedv g1eqewly i6d2np71 mpdn4nr2 sa0hcjb2 rq6dtfpq aokg6g0y nqm9sais lrpjbpgm f2bw7rpy">-->
                                                                                <!--            <span-->
                                                                                <!--                class="gfz4du6o r7fjleex lhj4utae le5p0ye3">رفض</span>-->
                                                                                <!--        </button>-->
                                                                                <!--    </div>-->
                                                                                <!--</div>-->
                                                                                <!--<div class="ktbp76dp">-->
                                                                                <!--    <div-->
                                                                                <!--        class="cm280p3y  lkhkxwyq tt8xd2xn pu8ho3eu mpdn4nr2 q0ffeh1t a303csdi owy6h1o0 ejukfo24 pe3vt9yl">-->
                                                                                <!--        <button-->
                                                                                <!--            class="cm280p3y   ggj6brxn   t8cglthg epwkujcx f8jlpxt4  dmdq60dq ajgl1lbb jht8oeb6 n1yiu2zv atp9n7ve oq31bsqd e1yunedv g1eqewly i6d2np71 mpdn4nr2 sa0hcjb2 rq6dtfpq aokg6g0y nqm9sais lrpjbpgm f2bw7rpy"-->
                                                                                <!--            style="width: 100%;">-->
                                                                                <!--            <span-->
                                                                                <!--                class="gfz4du6o r7fjleex lhj4utae le5p0ye3">موقع-->
                                                                                <!--                المناسبة</span>-->
                                                                                <!--        </button>-->
                                                                                <!--    </div>-->
                                                                                <!--</div>-->
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-7">
                                        <div class="row ">
                                            <div class="col-md-12 mb-3 mt-4">
                                                <h5><i
                                                        data-feather="mail"></i>&emsp;{{ __('dashboard.Customize the second message') }}
                                                    :</h5>
                                            </div>
                                            <div class="col-md-12 mb-3 mt-4">
                                                <div class="form-group"><label
                                                        for="degree2">{{ __('dashboard.Template name') }}
                                                        <span class="text-danger">*</span></label>
                                                    <select name="template_id2" class="form-control" required onchange="template_change2(this);">
                                                        <option value="">{{ __('dashboard.Please select') }}
                                                        </option>
                                                        @foreach ($templates as $template)
                                                            <option value="{{ $template->id }}" @if($invset->template_id2 == $template->id) selected @endif>{{ $template->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <!--<div class="col-md-12 mb-4"  id="photo_div2">-->
                                            <!--    <div class="form-group">-->
                                            <!--        <label for="degree2">{{ __('dashboard.Image') }}</label>-->
                                            <!--        <input type="file" class="myDropify" name="photo2" id="photo2" />-->
                                            <!--    </div>-->
                                            <!--</div>-->
                                            <!--<div class="col-md-12">-->
                                            <!--    <div class="form-group">-->
                                            <!--        <label-->
                                            <!--            for="degree2">{{ __('dashboard.The salutation and text before the title') }}-->
                                            <!--            <span class="text-danger">*</span></label>-->
                                            <!--        <input type="text" name="salutation" class="form-control mb-4"-->
                                            <!--            required>-->
                                            <!--    </div>-->
                                            <!--</div>-->
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label for="degree2">{{ __('dashboard.Text') }}
                                                        <span class="text-danger">*</span></label>
                                                    <textarea class="form-control mb-4" name="text2" id="text_input2" rows="5" required>{{$invset->text2}}</textarea>
                                                </div>
                                            </div>
                                            <div class="col-md-12 mb-4"  id="location_div" style="display:none;">
                                                <div class="form-group">
                                                    <label for="degree2">{{ __('dashboard.Event location') }}</label>
                                                    <br>
                                                    <button type="button"
                                                        class="btn btn-outline-primary w-100 select-location mb-4">
                                                        اختيار الموقع
                                                    </button>
                                                    <div class="map-info d-none2 h-200"
                                                        style="height: 300px;     margin-bottom: 60px;">
                                                        <input id="pac-input" class="controls form-control mb-4"
                                                            onkeypress="return event.keyCode != 13;" type="text"
                                                            placeholder="{{ __('dashboard.search In Map') }}" />

                                                        <div id="map" class="map-div"
                                                            style="width: 100%;height: 100%;">
                                                        </div>
                                                        <div> <i class="fa fa-crosshairs fa-2x crosshairs"></i> </div>
                                                        <input id="lat" name="lat" type="text"
                                                            value="23.8859" hidden>
                                                        <input id="lng" name="lng" type="text"
                                                            value="45.0792" hidden>
                                                        <input id="zoom" name="zoom" type="text"
                                                            value="5" hidden>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12 ">
                                                <div class="form-group">
                                                    <div class="form-check form-check-inline">
                                                        <input type="checkbox" class="form-check-input" id="checkInline"
                                                            name="with_barcode" @if($invset->with_barcode == 'on') checked @endif >
                                                        <label class="form-check-label" for="checkInline">
                                                            {{ __('dashboard.With barcode') }}
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <button type="submit"
                                            class="btn btn-primary pull-left">{{ __('dashboard.save') }}</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

<script>

function template_change(sel){
    let id = sel.value;
    $('#preview_div').css('display', 'none');
    $('#preview_header').html('');
    $('#preview_footer').html('');
    $('#preview_accept').html('');
    $('#preview_refuse').html('');
    var url = "{{ url('invitation-settings/templates/get_template_by_id') }}"+'/'+id;
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    $.ajax({
        type: 'GET',
        url: url,
        cache: false,
        contentType: false,
        processData: false,
        success: (data) => {
            $('#preview_header').html(data.salutation);
            $('#preview_footer').html(data.footer);
            const obj = JSON.parse(data.actions_buttons);
            if(obj){
                $('#preview_accept').html(obj['accept_text']);
                $('#preview_refuse').html(obj['reject_text']);
            }
           if(data.is_image == 'on'){
                $('#thumbnail_preview').css('display', 'block');
                $('#photo_div').css('display', 'block');
                
            }else{
                 $('#thumbnail_preview').css('display', 'none');
                 $('#photo_div').css('display', 'none');
            }
            
            $('#preview_div').css('display', 'block');
        }
    });
}

function template_change2(sel){
    let id = sel.value;
    $('#preview_div2').css('display', 'none');
    $('#preview_header2').html('');
    $('#preview_footer2').html('');
    $('#preview_accept2').html('');
    $('#preview_refuse2').html('');
    var url = "{{ url('invitation-settings/templates/get_template_by_id') }}"+'/'+id;
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    $.ajax({
        type: 'GET',
        url: url,
        cache: false,
        contentType: false,
        processData: false,
        success: (data) => {
            $('#preview_header2').html(data.salutation);
            $('#preview_footer2').html(data.footer);
            const obj = JSON.parse(data.actions_buttons);
            if(obj){
                $('#preview_accept2').html(obj['accept_text']);
                $('#preview_refuse2').html(obj['reject_text']);
            }
            if(data.is_image == 'on'){
                $('#thumbnail2_preview').css('display', 'block');
                $('#photo_div2').css('display', 'block');
            }else{
                 $('#thumbnail2_preview').css('display', 'none');
                 $('#photo_div2').css('display', 'none');
            }
            if(data.is_location == 'on'){
                $('#location_preview').css('display', 'block');
                $('#location_div').css('display', 'block');
            }else{
                 $('#location_preview').css('display', 'none');
                 $('#location_div').css('display', 'none');
            }
            $('#preview_div2').css('display', 'block');
        }
    });
}

</script>

@push('plugin-scripts')
    <script src="{{ asset('assets/plugins/dropify/js/dropify.min.js') }}"></script>
@endpush

@push('custom-scripts')
    <script src="{{ asset('assets/js/dropify.js') }}"></script>
    <script src="{{ asset('assets/js/invitation-settings/create.js') }}"></script>
    <script
        src='https://maps.googleapis.com/maps/api/js?key=AIzaSyDfmO7kuPEzGkJdDBAi0CDmpL7DXVV4oos&libraries=places&language=ar&callback=initMap&libraries=&v=weekly&libraries=places'
        async></script>
@endpush