@extends('admin')

@section('content')
    @if (session()->has('error'))
        <div class="alert alert-danger">{{ session()->get('error') }}</div>
    @endif
    @if (session()->has('success'))
        <div class="alert alert-success">{{ session()->get('success') }}</div>
    @endif
    @if (count($errors) > 0)
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <div class="row">
        <div class="col-md-12">
            <form action="{{ url('admin/popup/edit', ['id' => $item->id]) }}" method="post" enctype="multipart/form-data"
                  id="form-add-popup">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                        <h4 class="modal-title">Cập nhật popup</h4>
                    </div>
                    <div class="modal-body">

                        {!! csrf_field() !!}

                        <div class="row">
                            <div class="col-md-12" style="margin-bottom: 15px">
                                <div class="form-group">
                                    <div class="col-md-12">


                                        <div class="fileinput fileinput-new"
                                             data-provides="fileinput">

                                            <div class="fileinput-new thumbnail"
                                                 style="width: 200px; height: 180px;">
                                                <img id="inp-image-web2"
                                                     src="/files/{{ $item->image }}"
                                                     alt=""></div>
                                            <div class="fileinput-preview fileinput-exists thumbnail"
                                                 style="max-width: 200px; max-height: 150px;"></div>
                                            <div>
                                                                            <span class="btn default btn-file">
                                                                                <span class="fileinput-new"> Chọn hình ảnh </span>
                                                                                <span class="fileinput-exists"> Thay đổi </span>
                                                                                <input type="file"
                                                                                       name="image"> </span>
                                                <a href="javascript:;"
                                                   class="btn default fileinput-exists"
                                                   data-dismiss="fileinput"> Xóa </a>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Link</label>
                                    <div>
                                        <input type="text" name="link" class="form-control" value="{{ $item->link }}"
                                               id="link">
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <label>Thời gian bắt đầu</label>
                                <div>
                                    @if(!empty($item->start_time))
                                    <input type="text" name="start_time" class="form-control datepicker" value="{{ $item->start_time->format('d/m/Y') }}"
                                           id="start_time" required>
                                        @else
                                        <input type="text" name="start_time" class="form-control datepicker" value=""
                                               id="start_time" required>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-12">
                                <label>Thời gian kết thúc</label>
                                <div>
                                    @if(!empty($item->end_time))
                                    <input type="text" name="end_time" class="form-control datepicker" value="{{ $item->end_time->format('d/m/Y') }}"
                                           id="end_time" required>
                                        @else
                                        <input type="text" name="end_time" class="form-control datepicker" value=""
                                               id="end_time" required>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-12">
                                <label>Trạng thái</label>
                                <div>
                                    <select class="form-control" name="status">
                                        <option value="{{ \App\Models\Popup::ACTIVE }}" @if($item->status == \App\Models\Popup::ACTIVE) selected @endif>Kích hoạt</option>
                                        <option value="{{ \App\Models\Popup::IN_ACTIVE }}" @if($item->status == \App\Models\Popup::IN_ACTIVE) selected @endif>Không kích hoạt</option>
                                    </select>
                                </div>
                            </div>
                            <input type="hidden" name="type" id="data-type">

                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn dark btn-outline" data-dismiss="modal">Đóng</button>
                        <button type="submit" class="btn green" id="btn-save">Lưu</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

@endsection

@push('scripts')
<script>

    $(document).ready(function () {
        $('.datepicker').datepicker({
            format: 'dd/mm/yyyy',
            autoclose: true,
        });
    });
</script>
@endpush