@extends('layouts.app')

@section('link')
    <link href="{{ asset('css/theme.default.css') }}" rel="stylesheet">
    <link href="{{ asset('css/chosen.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/style.css') }}" rel="stylesheet">
    
    <link href="{{ asset('css/admin_filters.css') }}" rel="stylesheet">
@endsection


@section('content')
<div class="container">
@include('shared.messages')
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        <span class="glyphicon glyphicon-picture"></span> {{__('texte.types_arr.min_amounts.min_amounts')}}
                        <div class="pull-right">
                            <a href="{{route('types.index')}}" class='btn btn-primary back-btn' type="button" title='{{__('texte.types_arr.min_amounts.back')}}' data-toggle='tooltip'>{{__('texte.types_arr.min_amounts.back')}}</a>
                        </div>
                    </h3><br />
                </div>

                <div class="panel-body">
                    <form id='types_min_amounts' method="POST" action="{{route('types.min_amounts')}}" class="form-horizontal">
                        {{csrf_field()}}
                        <table id="myTable" class="table table-striped table-bordered table-hover dataTables-example dataTable" width="100%">
                            <thead>
                                <tr>
                                    <th colspan='3'>{{__('texte.types_arr.min_amounts.range')}}</th>
                                    <th>{{__('texte.types_arr.min_amounts.min_amount')}}</th>
                                    <th>{{__('texte.types_arr.min_amounts.clear_min_amount')}}</th>
                                    <th>{{__('texte.types_arr.min_amounts.free_transport_amount')}}</th>
                                    <th>{{__('texte.types_arr.min_amounts.clear_free_transport_amount')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td colspan='3'>{{__('texte.types_arr.min_amounts.all')}}</td>
                                    <td><input type='text' class='amount' name='all_types_amount'/></td>
                                    <td><button type='button' class='btn btn-danger' onclick='clear_amounts()'>{{__('texte.types_arr.min_amounts.clear_all_amounts')}}</button></td>
                                    <td><input type='text' class='transport_amount' name='all_types_transport_amount'/></td>
                                    <td><button type='button' class='btn btn-danger' onclick='clear_transport_amounts()'>{{__('texte.types_arr.min_amounts.clear_all_transport_amounts')}}</button></td>
                                </tr>
                                @foreach($types as $type)
                                    <tr>
                                        <td></td>
                                        <td colspan='2'>{{$type->name}}</td>
                                        <td><input id='{{$type->id}}' class='amount' type='text' name='min_amount_type[{{$type->id}}]'/></td>
                                        <td><button type='button' class='btn btn-danger' onclick='clear_type_amounts({{$type->id}})'>{{__('texte.types_arr.min_amounts.clear_type_amounts')}}</button></td>
                                        <td><input id='{{$type->id}}' class='transport_amount' type='text' name='free_delivery_amount_type[{{$type->id}}]'/></td>
                                        <td><button type='button' class='btn btn-danger' onclick='clear_type_transport_amounts({{$type->id}})'>{{__('texte.types_arr.min_amounts.clear_type_transport_amounts')}}</button></td>
                                    </tr>
                                    @foreach($type->subtypes as $subtype)
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td>{{$subtype->name}}</td>
                                            <td><input type='text' class='amount' data-type='{{$type->id}}' name='min_amount_subtype[{{$subtype->id}}]' value='{{number_format($subtype->min_amount,5,'.','')}}'/></td>
                                            <td></td>
                                            <td><input type='text' class='free_delivery_amount' data-type='{{$type->id}}' name='free_delivery_amount_subtype[{{$subtype->id}}]' value='{{number_format($subtype->free_delivery_amount,5,'.','')}}'/></td>
                                            <td></td>
                                        </tr>
                                    @endforeach
                                @endforeach
                            </tbody>
                        </table>
                        <div class="form-group">
                            <div class="col-xs-12 col-xs-offset-5 col-sm-12 col-sm-offset-5 col-md-12 col-md-offset-5">
                                <button type="submit" class="btn btn-primary" @nonepermission('type-route-edit') disabled @endnonepermission>{{__('texte.types_arr.min_amounts.change')}}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script>

    function clear_amounts(){
        $('.amount').each(function(){
           $(this).val(''); 
        });
    }
    
    function clear_type_amounts(id){
        $('.amount[data-type='+id+']').each(function(){
           $(this).val(''); 
        });
    }
    
    function clear_transport_amounts(){
        $('.free_delivery_amount').each(function(){
           $(this).val(''); 
        });
    }
    
    function clear_type_transport_amounts(id){
        $('.free_delivery_amount[data-type='+id+']').each(function(){
           $(this).val(''); 
        });
    }
</script>

@endsection