@extends('master.back')
@section('styles')
    <link rel="stylesheet" href="{{asset('assets/back/css/select2.css')}}">
    <!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css">

<!-- Bootstrap Datetimepicker CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css">

<!-- jQuery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!-- Bootstrap JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>

<!-- Moment.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>

<!-- Bootstrap Datetimepicker JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>

@endsection
@section('content') 
<div class="">

    <!-- Page Heading -->
    <div class="card mb-4">
        <div class="card-body">
            <div class="d-sm-flex align-items-center justify-content-between">
                <h3 class="mb-0 bc-title"><b>{{ __('Create Promotion') }}</b> </h3>
                <a class="btn btn-primary btn-sm" href="{{route('back.promotion.index')}}"><i class="fas fa-chevron-left"></i> {{ __('Back') }}</a>
            </div>
        </div>
    </div>

    <!-- Form -->
    <div class="row">
        <div class="col-lg-12">
            @include('alerts.alerts')
        </div>
    </div>
    <!-- Nested Row within Card Body -->
    <form  action="{{ route('back.promotion.create1_submit') }}" method="POST" enctype="multipart/form-data">
        @csrf
        {{-- <div class="row">
            <div class="col-lg-12"> --}}
                <div class="card">
                    <div class="card-body"> 
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="name">{{ __('รายละเอียด') }} *</label>
                                    <input type="text"  required name="Detail" class="form-control item-name" id="name" placeholder="{{ __('Enter Name') }}" value="{{ old('name') }}">
                                    {{-- <input type="hidden" name="type_" value="{{@$type_}}"> --}}
                                </div>

                                <div class="form-group">
                                    <label class="d-block">{{ __('รูปภาพ') }} *</label>
                                    <div class="form-group pb-0 pt-0 mt-0 mb-0">
                                        <img class="admin-img lg" src="" >
                                    </div>
                                    <div class="form-group position-relative ">
                                        <label class="file">
                                            <input type="file"  accept="image" class="upload-photo" name="photo"
                                                id="file"  aria-label="File browser example" required>
                                            <span
                                                class="file-custom text-left">{{ __('Upload Image...') }}</span>
                                        </label>
                                        <br>
                                        <span class="mt-1 text-info">{{ __('Image Size 768*512 px ') }}</span>
                                    </div>
                                    
                                </div>
                              
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <label for="name">{{ __('รายละเอียดโปรโมชัน') }} *</label>
                                            <select class="form-control" name="type"  required>
                                                <option value="">โปรดเลือกประเภท</option>
                                                <option value="brand">ลดทั้งแบรน</option>
                                                <option value="items">ลดเฉพาะสินค้า</option>
                                                
                                            </select>
                                        </div>
                                        <div class="col-md-4">
                                            <label for="name">{{ __('ประเภท') }} *</label>
                                            <select class="form-control" name="type_price" required>
                                                <option value="">โปรดเลือกประเภท</option>
                                                <option value="bath">ลดเป็นบาท</option>
                                                <option value="percen">ลดเป็น %</option>
                                                
                                            </select>
                                        </div>

                                    </div>
                          
                                </div>

                              

                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <label for="name">{{ __('ยอดส่วนลด') }} *</label>
                                            <input type="number"  required name="price" class="form-control"  value="{{ old('price') }}">
                                            </div>
                                        <div class="col-md-4">
                                            <label for="name">{{ __('วันที่เปิด') }} *</label>
                                            <input type="text" required class="form-control datetimepicker" name="start_date" value="" placeholder="{{ __('Enter Date Time') }}" >
                                           
                                        </div>
                                        <div class="col-md-4">
                                            <label for="name">{{ __('วันที่ปิด') }} *</label>
                                            <input type="text" required class="form-control datetimepicker" name="end_date" value="" placeholder="{{ __('Enter Date Time') }}"  >
                                        </div>


                                        
                                    </div>
                                   
                                </div>
                                

                                <div class="form-group">
                                    <div >
                                        <button type="submit" class="btn btn-primary">{{ __('Submit') }}</button>
                                    </div>
                                </div>
                              
                            </div>
              

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

    
    </form>
</div>
<style>
    #number_form {
        width: 80px;
    }
</style>
{{-- <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script> --}}
   <!-- CSS สำหรับ jQuery UI -->
    
    <script type="text/javascript">
        $(document).ready(function () {
            $('.datetimepicker').datetimepicker({
                format: 'DD/MM/YYYY HH:mm', // กำหนดรูปแบบวันที่และเวลา
                sideBySide: true,  // แสดงตัวเลือกวันและเวลาคู่กัน
                showClose: true,   // แสดงปุ่มปิด
                showClear: true,   // แสดงปุ่มล้างค่า
                showTodayButton: true, // แสดงปุ่มเลือกวันที่ปัจจุบัน
                icons: {
                    time: 'fa fa-clock-o',
                    date: 'fa fa-calendar',
                    up: 'fa fa-chevron-up',
                    down: 'fa fa-chevron-down',
                    previous: 'fa fa-chevron-left',
                    next: 'fa fa-chevron-right',
                    today: 'fa fa-sun-o',
                    clear: 'fa fa-trash',
                    close: 'fa fa-times'
                }
            });
        });
    </script>
@endsection