@extends('layouts.form')
@section('styles')

	<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

	<link rel="stylesheet" href="{{ URL::asset('assets/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.min.css') }}">

    <style>
        .form-check{
            float:left; 
            margin-right:15px;
        }
    </style>
@endsection

@section('content')
<!--start page wrapper -->
<div class="page-wrapper">
    <div class="page-content">
        <!--breadcrumb-->
        <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
            <div class="breadcrumb-title pe-3">Tickets</div>
            <div class="ps-3">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0 p-0">
                        <li class="breadcrumb-item">
<a href="{{ route('admin.homepage') }}"><i class="bx bx-home-alt"></i></a>
                        </li>
                        <li class="breadcrumb-item"><a href="{{ route('admin.ticket.ticket.index') }}">Tickets</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Add</li>
                    </ol>
                </nav>
            </div>
            <div class="ms-auto">
                <div class="btn-group">
                    <a href="{{ route('admin.ticket.ticket.index') }}">
                    <button type="button" class="btn btn-primary"><i class="fadeIn animated bx bx-arrow-back"></i> กลับ</button>
                    </a>
                </div>
            </div>
        </div>
        <!--end breadcrumb-->
        <div class="row">
            <div class="col-xl-11 mx-auto">
                {{-- <h6 class="mb-0 text-uppercase">Ticket Form</h6>
                <hr/> --}}
                <div class="card border-top border-0 border-4 border-primary">
                    <div class="card-body p-5">
                        <div class="card-title d-flex align-items-center">
                            <div><i class="bx bxs-star me-1 font-22 text-primary"></i>
                            </div>
                            <h5 class="mb-0 text-primary">Ticket Form</h5>
                        </div>
                        <hr>
                        <form class="row g-3" id="data_frm" name="data_frm" method="POST" onsubmit="setSave(); return false;" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="id" id="ticket_id" value="{{ !empty($data->id) ? $data->id : '0' }}">

                            {{-- field --}}

                            <div class="col-md-6">
                                <label for="event_id" class="form-label">อีเวนท์</label>
                                <select class="form-select" name="event_id" id="event_id"
                                        aria-label="Default select example">
                                        @if (!empty($events))
                                            @foreach ($events as $event)
                                               <option value="{{ $event->id }}"
                                                    {{ !empty($data->event_id) && $data->event_id == $event->id ? 'selected' : '' }}>{{ $event->name_th }}</option>
                                            @endforeach
                                        @endif
                                </select>
                            </div>

                            <div class="col-md-6">&nbsp;</div>

                            <div class="col-md-6">
                                <label for="format" class="form-label">รูปแบบ</label>
                                <select class="form-select" name="format" id="format"
                                        aria-label="Default select example">
                                        <option value="1" >ตั๋วกระดาษ</option>
                                        <option value="2" >ตั๋วออนไลน์</option>
                                </select>
                            </div>

                            <div class="col-md-6">
                                <label for="type" class="form-label">ประเภท</label>
                                <select class="form-select" name="type" id="type"
                                        aria-label="Default select example">
                                        <option value="1" >ตั๋วยืน</option>
                                        <option value="2" >ตั๋วนั่ง</option>
                                </select>
                            </div>

                            <div class="col-md-6">
                                <label for="condition" class="form-label" style="display: block">เหมาะสำหรับ</label>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value="เด็ก" id="aud-1" name="audiance[]" {{ !empty($audiances) && in_array("เด็ก", $audiances) ? 'checked' : '' }} >
                                    <label class="form-check-label" for="aud-1">เด็ก</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value="วัยรุ่น" id="aud-1" name="audiance[]" {{ !empty($audiances) && in_array("วัยรุ่น", $audiances) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="aud-1">วัยรุ่น</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value="ผู้ใหญ่" id="aud-1" name="audiance[]" {{ !empty($audiances) && in_array("ผู้ใหญ่", $audiances) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="aud-1">ผู้ใหญ่</label>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <label for="condition" class="form-label" style="display: block">เงื่อนไข</label>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value="ซื้อ 2 ใบติดกัน" id="aud-1" name="condition[]" {{ !empty($conditions) && in_array("ซื้อ 2 ใบติดกัน", $conditions) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="aud-1">ซื้อ 2 ใบติดกัน</label>
                                </div>
                            </div>

                            <!-- form_tab_location -->
                            @include('ticket::form_tab')
                             <!-- .form_tab_location -->

                            <hr/>

                            <div class="col-md-12"> 
                                <table class="table table-bordered mb-0">
                                    <thead class="table-dark ">
                                        <tr>
                                            <th scope="col" width="3ุ3%">โซน (Zone)</th>
                                            <th scope="col" width="33%">แถว (Row)</th>
                                            <th scope="col" width="33%">ที่นั่ง (Seat)</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td scope="row">
                                                <input class="form-control" type="text" name="zone" id="zone" placeholder="โซน" value="{{ !empty($data->zone) ? $data->zone : '' }}" >
                                            </td>
                                            <td scope="row">
                                                <input class="form-control" type="text" name="row" id="row" placeholder="แถว" value="{{ !empty($data->row) ? $data->row : '' }}">
                                            </td>
                                            <td scope="row">
                                                <input class="form-control" type="text" name="seat" id="seat" placeholder="ที่นั่ง" value="{{ !empty($data->seat) ? $data->seat : '' }}">
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            <div class="col-md-12"> 
                                <table class="table table-bordered mb-0">
                                    <thead class="table-dark ">
                                        <tr>
                                            <th scope="col" width="3ุ5%">ประเภทราคา</th>
                                            <th scope="col" width="45%">จำนวน</th>
                                            <th scope="col" width="20%">สกุลเงิน</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td scope="row">ราคาปกติ</td>
                                            <td><input class="form-control" type="text" name="show_price" id="show_price" placeholder="ราคาปกติ (กรอกเป็นตัวเลขหรือทศนิยมเท่านั้น)" value="{{ !empty($data->show_price) ? $data->show_price : '' }}" oninput="validatePrice(this)"></td>
                                            <td rowspan="3">
                                                <select class="form-select" name="currency" id="currency"
                                                    aria-label="Default select example">
                                                    <option value="USD" {{ $data->sale_currency == 'USD' ? 'selected' : '' }} >USD</option>
                                                    <option value="THB" {{ $data->sale_currency == 'THB' ? 'selected' : '' }} >THB</option>
                                            </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th scope="row">ราคาพิเศษ</th>
                                            <td><input class="form-control" type="text" name="sale_price" id="sale_price" placeholder="ราคาพิเศษ (กรอกเป็นตัวเลขหรือทศนิยมเท่านั้น)" value="{{ !empty($data->sale_price) ? $data->sale_price : '' }}" oninput="validatePrice(this)"></td>
                                        </tr>
                                        <tr style="display:none;">
                                            <th scope="row">ส่วนลด</th>
                                            <td><input class="form-control" type="text" name="discount_price" id="discount_price" placeholder="ส่วนลด (กรอกเป็นตัวเลขหรือทศนิยมเท่านั้น)" value="{{ !empty($data->discount_price) ? $data->discount_price : '' }}" oninput="validatePrice(this)"></td>
                                        </tr>
                                        <tr>
                                            <th scope="row">ค่าดำเนินการ</th>
                                            <td><input class="form-control" type="text" name="operating_fee" id="operating_fee" placeholder="ค่าดำเนิการ (กรอกเป็นตัวเลขหรือทศนิยมเท่านั้น)" value="{{ !empty($data->operating_fee) ? $data->operating_fee : '' }}" oninput="validatePrice(this)"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            <div class="col-md-12"> 
                                <table class="table table-bordered mb-0">
                                    <thead class="table-dark ">
                                        <tr>
                                            <th scope="col" width="3ุ3%">จำนวนคงเหลือ</th>
                                            <th scope="col" width="33%">จำนวนจอง</th>
                                            <th scope="col" width="33%">จำนวนที่ขายแล้ว</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td scope="row">
                                                <input class="form-control" type="text" name="quantity" id="quantity" placeholder="จำนวนคงเหลือ (กรอกเป็นตัวเลขเท่านั้น)" value="{{ !empty($data->quantity) ? $data->quantity : '' }}" oninput="validatePrice(this)" inputmode="numeric">
                                            </td>
                                            <td scope="row">
                                                <input class="form-control" type="text" name="reserve" id="reserve" placeholder="จำนวนจอง (กรอกเป็นตัวเลขหรือเท่านั้น)" value="{{ !empty($data->reserve) ? $data->reserve : '' }}" oninput="validatePrice(this)" inputmode="numeric">
                                            </td>
                                            <td scope="row">
                                                <input class="form-control" type="text" name="sold" id="sold" placeholder="จำนวนที่ขายแล้ว (กรอกเป็นตัวเลขเท่านั้น)" value="{{ !empty($data->sold) ? $data->sold : '' }}" oninput="validatePrice(this)" inputmode="numeric">
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            <!-- <div class="col-md-6">
                                <label for="zone_detail" class="form-label">รายละเอียด Zone</label>
                                <textarea class="form-control" id="zone_detail" name="zone_detail" placeholder="รายละเอียด Zone" rows="3">{{ !empty($data->zone_detail) ? $data->zone_detail : '' }}</textarea>
                            </div>

                            <div class="col-md-6">
                                <label for="seat_detail" class="form-label">รายละเอียดที่นั่ง</label>
                                <textarea class="form-control" id="seat_detail" name="seat_detail" placeholder="รายละเอียดที่นั่ง" rows="3">{{ !empty($data->seat_detail) ? $data->seat_detail : '' }}</textarea>
                            </div>

                            <div class="col-md-6">
                                <label for="ticket_source" class="form-label">แหล่งที่มาของตั๋ว</label>
                                <textarea class="form-control" id="ticket_source" name="ticket_source" placeholder="แหล่งที่มาของตั๋ว" rows="3">{{ !empty($data->ticket_source) ? $data->ticket_source : '' }}</textarea>
                            </div> -->

                            <div class="col-md-6">
                                <label for="show_date_start" class="form-label">วันที่ของตั๋ว</label>
                                <input class="result form-control date-time" type="text" name="ticket_date" id="ticket_date" placeholder="เลือกวันที่ของตั๋ว" value="{{ !empty($data->ticket_date) ? date('Y-m-d H:i', strtotime($data->ticket_date)) : '' }}">
                            </div>

                            <div class="col-md-6">
                                <label for="priority" class="form-label">ลำดับความสำคัญ</label>
                                <input class="form-control" type="text" name="priority" id="priority" placeholder="ลำดับความสำคัญ (กรอกเป็นตัวเลขเท่านั้น)" value="{{ !empty($data->priority) ? $data->priority : '' }}" oninput="validatePrice(this)" inputmode="numeric">
                            </div>

                            <hr/>

                            <div class="col-md-12">