@extends(getTemplate('admin'))
@section('content')
    @push('custom-css')
        <link href="{{asset('assets/core/plugins/bootstrap3-editable/inputs-ext/bootstrap-datepicker/css/datepicker3.css')}}" rel="stylesheet" />
        <link href="{{asset('assets/core/plugins/bootstrap3-editable/inputs-ext/bootstrap-datetimepicker/css/datetimepicker.css')}}" rel="stylesheet" />
        <link href="{{asset('assets/core/plugins/bootstrap3-editable/inputs-ext/bootstrap-datepicker/css/datepicker.css')}}" rel="stylesheet" />
        <link href="{{asset('assets/core/plugins/bootstrap3-editable/inputs-ext/bootstrap-datepicker/css/datepicker3.css')}}" rel="stylesheet" />
    @endpush
    <div class="gadmin-pagesidebar-width-1">
        <div class="panel panel-default gadmin-pagesidebar-width-1-panel">
            <!-- begin panel-heading -->
            <div class="panel-heading gadmin-pagesidebar-width-1-heading">
                <h4 class="panel-title">{{__('takenplace::takenplace.event_management')}}</h4>
            </div>
            <!-- end panel-heading -->
            <div class="gadmin-pagesidebar-body">
                <div class="gadmin-pagesidebar-main">
                    <ul class="nav gadmin-pagesidebar-ul">
                        <li>
                            <form id="deleteForm" class="gadmin-pagesidebar-options-danger-button" action="{{url('admin/ajax/bulk_delete/'.$wedding)}}" method="POST">
                                <button type="submit" id="deleteChecked" name="bulkDelete" class="gadmin-pagesidebar-options-danger"  style="display:none"><i class="fa fa-trash"></i> {{__('admin.bulk_delete')}}</button>
                            </form>
                        </li>
                    </ul>
                    <ul class="nav gadmin-pagesidebar-ul gadmin-mhide">
                        <li><hr></li>
                        {{--  <li><a href="{{url('admin/takenplace/approvals')}}">{{__('takenplace::takenplace.approvals')}}</a></li>--}}
                        {{--<li><a href="{{url('admin/takenplace/settings')}}">{{__('takenplace::takenplace.settings')}}</a></li>--}}
                        <li><a href="{{url('admin/takenplace/weddings')}}" >{{__('takenplace::takenplace.couples_events')}}</a></li>
                        <li><a href="{{url('admin/takenplace/stats')}}" class="active">{{__('takenplace::takenplace.stats')}}</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="gadmin-pagesidebar-width-2">
        <!-- begin panel -->
        <form class="" enctype="multipart/form-data" method="{{$method}}" action="{{url('admin/takenplace/save')}}" data-parsley-validate="true">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        Event
                    </h4>
                </div>
                <div id="info-alert" class="alert" style="display:none">
                    <span class="close"  onclick="$('#info-alert').fadeOut()">×</span>
                    <div class="alert-container"></div>
                </div>
                <div class="error">
                    @if ($errors->any())
                        <ul class="list-unstyled">
                            @foreach ($errors->all() as $error)
                                <li class="invalid-feedback d-block">{{ $error }}</li>
                            @endforeach
                        </ul>
                    @endif
                </div>
                <div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
                    <div class="form-group row">
                        <label class="col-md-3 col-form-label" for="user_id">Account By</label>
                        <div class="col-md-9">
                            <select name="user_id" class="form-control">
                                @foreach(\App\Models\User::all() as $user)
                                    <option value="{{$user->id}}" @if($wedding && $wedding->user_id === $user->id) selected @endif>{{$user->full_name}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-md-3 col-form-label" for="name">Event Name</label>
                        <div class="col-md-9">
                            <input class="form-control" type="text" id="name" name="name" placeholder="Event Name" data-parsley-required="true" value="{{ $wedding?->name }}">
                        </div>
                    </div>
                </div>
                <div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
                    <div class="form-group row">
                        <label class="col-md-3 col-form-label" for="dp5">{{ __('takenplace::takenplace.wedding_date') }}</label>
                        <div class="col-md-9">
                            <input id="dp5" type="text" name="date" value="{{$wedding ? \Carbon\Carbon::parse($wedding->date)->format('d/m/Y') : ''}}" class="form-control" placeholder="{{ __('takenplace::takenplace.wedding_date') }}" autocomplete="off" />
                        </div>
                    </div>
                </div>
                <div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
                    <div class="form-group row">
                        <label class="col-md-3 col-form-label" for="dt3">Opens In</label>
                        <div class="col-md-9">
                            <div class="">
                                <input id="dt3" type="text" name="starts_at" value="{{$wedding ? \Carbon\Carbon::parse($wedding->starts_at)->format('d/m/Y H:i') : (new DateTime(date('Y-m-d H:i')))->format('d/m/Y')}}" class="form-control" placeholder="Start Date" required>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
                    <div class="form-group row">
                        <label class="col-md-3 col-form-label" for="dt4">Ends At</label>
                        <div class="col-md-9">
                            <div class="">
                                <input id="dt4" type="text" name="ends_at" value="{{$wedding ? \Carbon\Carbon::parse($wedding->ends_at)->format('d/m/Y H:i') : (new DateTime(date('Y-m-d H:i')))->modify('+14 days')->format('d/m/Y')}}" class="form-control" placeholder="End Date" required>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
                    <div class="form-group row">
                        <label class="col-md-3 col-form-label" for="phone">Phone</label>
                        <div class="col-md-9">
                            <input class="form-control" type="text" id="phone" name="phone" placeholder="Phone" data-parsley-required="true" value="{{$wedding?->phone}}">
                        </div>
                    </div>
                </div>
                <div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
                    <div class="form-group row">
                        <label class="col-md-3 col-form-label" for="message">Event Message</label>
                        <div class="col-md-9">
                            <textarea class="form-control" id="message" name="message" placeholder="Event Message" data-parsley-required="true">{{$wedding?->message}}</textarea>
                        </div>
                    </div>
                </div>
                <input type="hidden" name="id" value="{{$wedding?->id}}" />
                <div class="form-group row m-b-0 form-save-bg">
                    <label class="col-md-3 col-sm-3 col-form-label">&nbsp;</label>
                    <div class="col-md-9 col-sm-9">
                        <button type="submit" class="btn btn-success form-button-save">Save Event</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <script type="text/javascript">

    </script>
    <!-- end panel -->
    @push('custom-js')
    <script src="{{asset('assets/core/plugins/bootstrap3-editable/inputs-ext/bootstrap-datepicker/js/bootstrap-datepicker.js')}}"></script>
    <script src="{{asset('assets/core/plugins/bootstrap3-editable/inputs-ext/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js')}}"></script>
    <script src="{{asset('assets/core/plugins/bootstrap3-editable/inputs-ext/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js')}}"></script>
    <!-- <script src="{{asset('assets/core/plugins/bootstrap-eonasdan-datetimepicker/build/js/bootstrap-datetimepicker.min.js')}}"></script> -->
    <script src="{{asset('assets/core/plugins/Date-Time-Picker-Bootstrap-4/build/js/bootstrap-datetimepicker.min.js')}}"></script>
    <script>
        $(document).ready(function() {
            $('#dp5').datepicker({
                autoclose: true,
                format: 'dd/mm/yyyy',
                todayHighlight:true,
            });
            $('#dt3').datetimepicker({
                format: 'DD/MM/YYYY HH:mm',
                icons: {
                    time:'fas fa-clock',
                }
            });
            $('#dt4').datetimepicker({
                format: 'DD/MM/YYYY HH:mm',
                // debug: true,
                icons: {
                    time:'fas fa-clock',
                }
            });
            $("#dt3").on("dp.change", function (e) {
                $('#dt4').data("DateTimePicker").minDate(e.date);
            });
            $("#dt4").on("dp.change", function (e) {
                $('#dt3').data("DateTimePicker").maxDate(e.date);
            });
        });
    </script>
    @endpush
@endsection