@extends('admin.layout')


@section('content')
    <div class="wrapper-md">
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="row">
                    <div class="col-md-10">
                        <p class="m-n font-thin h3">Edit Image Board #{{ $id }}</p>
                    </div>
                    <div class="col-md-2">
                        <a href="{{ url('/lottery_box') }}" title="Back">
                            <button class="btn btn-warning btn-sm"><i class="fa fa-arrow-left" aria-hidden="true"></i>
                                Back
                            </button>
                        </a>
                    </div>
                </div>
            </div>


            <div class="panel-body">
                <div class="card">

                    <div class="card-body">


                        <link href="{{ asset('backend/plugins/datepicker/css/bootstrap-datepicker3.css') }}"
                              rel="stylesheet"/>
                        <script src="{{ asset('backend/plugins/datepicker/js/bootstrap-datepicker.js') }}"
                                type="text/javascript"></script>

                        <script type="application/javascript">
                            jQuery(function ($) {
                                // Contact form
                                var form = $('#main-form');
                                form.submit(function (event) {


                                    event.preventDefault();
                                    var form_status = $('<div class="form_status"></div>');
                                    form.prepend(form_status.html('<p><i class="fa fa-spinner fa-spin"></i> Waiting...</p>').fadeIn());


                                    $.ajax({
                                        url: $(this).attr('action'),
                                        dataType: "JSON",
                                        type: 'POST',
                                        data: form.serialize(),
                                        success: function (response) {   //  alert(response);
                                            msg = response;
                                        }
                                    }).done(function (data) {
                                        if (data.type == 'success') {
                                            //eval(data.url
                                            $('#id').val(data.sid);
                                            /*var url = window.location.href;
                                                if (url.indexOf('?') > -1){
                                                   url += '&itemid='+data.sid
                                                }else{
                                                   url += '?itemid='+data.sid
                                                }
                                            window.location.href = url;
*/

                                        }
                                        // $('#myModal').modal('hide');
                                        form_status.html('<p class="text-success">' + data.message + '</p>').delay(1000).fadeOut();

                                    });


                                });


                                $('.input-group.date, .pdate').datepicker({
                                    format: "dd/mm/yyyy", //"yyyy-mm-dd",
                                    todayBtn: true,
                                    calendarWeeks: true,
                                    autoclose: true,
                                    todayHighlight: true,
                                    toggleActive: true,

                                });

                            });
                        </script>


                        <!-- iCheck for checkboxes and radio inputs -->
                        <link href="{{ asset('backend/plugins//iCheck/all.css') }}" rel="stylesheet" type="text/css"/>
                        <!-- iCheck 1.0.1 -->
                        <script src="{{ asset('backend/plugins/iCheck/icheck.min.js') }}"
                                type="text/javascript"></script>


                        <form name="gallery" id="main-formX" method="post" data-toggle="validator"
                              enctype="multipart/form-data" action="{{url('/admin/gallery/update')}}" autocomplete=on
                              class="contact-form">
                            @csrf


                            <div class="col-sm-9">

                                <div class="box box-primary">
                                    <div class="box-header with-border">
                                        <h3 class="box-title">Add banner (<strong> Add/Edit</strong>)
                                        </h3>
                                        <input type="hidden" name="id" id="mid" value="{{ $result['id'] ?? '' }}"/>
                                        <button type="submit" id="submit" class="btn btn-primary pull-right "><i
                                                    class="fa fa-save"></i> Save
                                        </button>

                                    </div>


                                    <div class="wrapper-md">
                                        <div class="panel panel-default">
                                            <div class="box-body">
                                                <div class="form-group">
                                                    <label>Title*</label>
                                                    <input type="text" name="title" class="form-control"
                                                           value="{{ $result->title ?? ''}}" required="required">
                                                </div>

                                                <div class="form-group">
                                                    <label>Tag</label>
                                                    <input type="text" name="group_tag" class="form-control"
                                                           value="{{ $result->group_tag ?? ''}}" required="required">
                                                </div>


                                                <div class="form-group">
                                                    <label>Thumb Image *</label>
                                                    <div class="input-group m-b">
                                                        <input type="text" class="form-control" name="thumb_img"
                                                               id="file-thumb_img"
                                                               value="{{ $result->thumb_img ?? ''}}"/>
                                                        <span class="input-group-btn">
                   <a href="javascript:open_popup('../../../filemanager/dialog.php?type=0&amp;popup=1&amp;field_id=file-thumb_img')"
                      class="btn btn-primary  button-uploadfile" type="button"><i class="fa fa-upload"></i></a></span>
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <label>Photo/Video *</label>
                                                    <div class="input-group m-b">
                                                        <input type="text" class="form-control" name="image"
                                                               id="file-photo" value="{{ $result->image ?? ''}}"/>
                                                        <span class="input-group-btn">
                   <a href="javascript:open_popup('../../../filemanager/dialog.php?type=0&amp;popup=1&amp;field_id=file-photo')"
                      class="btn btn-primary  button-uploadfile" type="button"><i class="fa fa-upload"></i></a></span>
                                                    </div>
                                                </div>

                                                <div class="row">
                                                    <div class="col-sm-4 from-group">
                                                        <label>Gallery Type</label>

                                                        <select name="type" class="form-control" id="type"
                                                                required="required">
                                                            <option value="">---</option>
                                                                                                                    </select>

                                                    </div>
                                                </div>


                                            </div>


                                        </div>
                                    </div>
                                </div>


                            </div>


                            <div class="col-sm-3">

                                <div class="box box-primary">

                                    <div class="box-header with-border">
                                        <div class="bg-light lter b-b wrapper-md">
                                            <strong>Status</strong>
                                            <label class="switch   m-t-xs m-r pull-right">
                                                <input type="checkbox" name="status"
                                                       value="Yes" checked>
                                                <span class="slider round"></span>
                                            </label>
                                        </div>

                                    </div>


                                    <div class="box-header with-border">
                                        <div class="bg-light lter b-b wrapper-md">
                                            <strong>Featured</strong>
                                            <label class="switch   m-t-xs m-r pull-right">
                                                <input type="checkbox" name="featured"
                                                       value="Yes" checked>
                                                <span class="slider round"></span>
                                            </label>
                                        </div>

                                    </div>


                                    <div class="panel box-body">
                                        <div class="bg-light lter b-b wrapper-md">
                                            <label>Order By</label>
                                            <input type="number" min="0" class="form-control" name="order_by"
                                                   value="{{ $result['order_by'] ?? '' }}" required/>
                                        </div>
                                    </div>


                                </div>

                                <!--end right panel-->


                            </div>
                        </form>
                    </div>
                    <!-- /.box -->

</div>
                    <script type="text/javascript">

                        function open_popup(url) {

                            var w = 880;
                            var h = 570;
                            var l = Math.floor((screen.width - w) / 2);
                            var t = Math.floor((screen.height - h) / 2);
                            var win = window.open(url, 'ResponsiveFilemanager', "scrollbars=1,width=" + w + ",height=" + h + ",top=" + t + ",left=" + l);
                        }

                    </script>
                    <script language="javascript" type="text/javascript">
                        //iCheck for checkbox and radio inputs
                        $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
                            checkboxClass: 'icheckbox_minimal-blue',
                            radioClass: 'iradio_minimal-blue'
                        });
                        //Red color scheme for iCheck
                        $('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
                            checkboxClass: 'icheckbox_minimal-red',
                            radioClass: 'iradio_minimal-red'
                        });
                        //Flat red color scheme for iCheck
                        $('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
                            checkboxClass: 'icheckbox_flat-green',
                            radioClass: 'iradio_flat-green'
                        });

                    </script>
                    <!-- /.content -->
@endsection