@extends('templates.structure')
@section('custom_css')
{{-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css"> --}}
<link rel="stylesheet" href="{{asset('AdminLTE-3.0.0-alpha.2/plugins/select2/select2.min.css')}}">
@endsection
@section('content')

<div class="row">
    <div class="col-md-8">        
        <div class="card">
            <div class="card-header">
                {{-- <h3 class="card-title">Form User</h3> --}}
            </div>            
            <form role="form" id="form">
                <div class="card-body">
                    <div class="row">                    
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Product Name</label>
                                <input type="text" name="product_name" value="{{$data->product_name}}" class="form-control">
                            </div>                            
                        </div>                        
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Location ID</label>                                    
                                <select name="location_id" class="form-control">                                        
                                    <option value="{{$data->location_id}}">{{$data->location_name}}</option>
                                    @foreach ($unity_locations as $key => $value)
                                    <option value="{{$value->id}}">{{$value->location_name}}</option>
                                    @endforeach
                                </select>
                            </div>                            
                        </div>
                                                                                                        
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Currency</label>
                                <select name="currency" class="form-control">                                    
                                    <option value="{{$data->currency}}">{{$data->currency}}</option>
                                    @php
                                        $collection = ['PHP', 'IDR', 'SGD', 'MYR', 'AUD', 'USD', 'KRW', 'JPY', 'THB'];
                                        sort($collection);
                                        @endphp
                                    @foreach ($collection as $item)                                        
                                    <option value="{{$item}}">{{$item}}</option>
                                    @endforeach
                                </select>                                                                        
                            </div>                            
                        </div>                        
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Price</label>
                                <input type="text" name="price" value="{{$data->price}}" class="form-control">
                            </div>                            
                        </div>
                                                                                                    
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Category ID</label>                                    
                                <select name="category_id" class="form-control">
                                    @php
                                        foreach ($unity_product_categories as $key => $value) {
                                            # code...
                                            if($value->id == $data->category_id){
                                                $category_desc = $value->category_desc;
                                                break;
                                            }
                                        }
                                        @endphp
                                    <option value="{{$data->category_id}}">{{$category_desc}}</option>
                                    @foreach ($unity_product_categories as $key => $value)
                                    <option value="{{$value->id}}">{{$value->category_desc}}</option>
                                    @endforeach
                                </select>
                            </div>                                                            
                        </div>                        
                        {!!\FormDt::getDtAttrForm('product', $data)!!}
                    </div>
                </div>                
                <div class="card-footer">
                    <button type="submit" class="btn btn-info float-right">Save</button>
                    {{-- <button class="btn btn-default float-right">Cancel</button> --}}
                </div>
            </form>
        </div>        
    </div>
</div>
@endsection
                            
@section('custom_js')
<script src="{{asset('AdminLTE-3.0.0-alpha.2/plugins/select2/select2.full.min.js')}}"></script>
{{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script> --}}

<script>
    $(function () {
        //Initialize Select2 Elements
        $('[name="category_id"]').select2()
        $('[name="location_id"]').select2()
        $('[name="currency"]').select2()

        // $('.timepic').timepicker({
            // timeFormat: 'H:mm',
            // interval: 60,
            // minTime: '10',
            // maxTime: '6:00pm',
            // defaultTime: '11',
            // startTime: '10:00',
            // dynamic: false,
            // dropdown: true,
            // scrollbar: true
        // })
        // $('#facility_end_time').timepicker()
        // $('#facility_weekend_start_time').timepicker()
        // $('#facility_weekend_end_time').timepicker()
        
        $( "#form" ).submit(function( e ) {
            e.preventDefault()
            axios.put('{{route("products.update", $data->id)}}', $(this).serialize(), config) .then(function (response) {
                        console.log(response);
                        window.location = response.data.additional.redirect;

                    })
                    .catch(function (error) { console.log(error);
                        $('.newerror').remove()
                        var msgs = error.response.data.data.message
                        $.each(msgs, function (index, value) {
                                $('[name="'+index+'"]').closest( ".form-group" ).after('<label id="'+index+'-error" class="newerror" for="'+index+'">'+value[0]+'</label>')
                                // console.log(value[0])
                            });
                    });
        })
    })
</script>
@endsection