@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.regions_arr.transport_amounts.transport_amounts')}}
                        <div class="pull-right"><a href="{{route('regions.index')}}" class='btn btn-primary back-btn' type="button" title='{{__('texte.regions_arr.transport_amounts.back')}}' data-toggle='tooltip'>{{__('texte.regions_arr.transport_amounts.back')}}</a></div>
                    </h3><br />
                </div>

                <div class="panel-body">
                    <form id='regions_transport_amounts' method="POST" action="{{route('regions.transport_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.regions_arr.transport_amounts.range')}}</th>
                                    <th>{{__('texte.regions_arr.transport_amounts.transport_amount')}}</th>
                                    <th>{{__('texte.regions_arr.transport_amounts.clear')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td colspan='3'>{{__('texte.regions_arr.transport_amounts.all')}}</td>
                                    <td><input type='text' class='amount' name='all_regions_amount'/></td>
                                    <td><button type='button' class='btn btn-danger' onclick='clear_amounts()'>{{__('texte.regions_arr.transport_amounts.clear_all_amounts')}}</button></td>
                                </tr>
                                @foreach($regions as $region)
                                    <tr>
                                        <td></td>
                                        <td colspan='2'>{{$region->name}}</td>
                                        <td><input id='{{$region->id}}' class='amount' type='text' name='region[{{$region->id}}]'/></td>
                                        <td><button type='button' class='btn btn-danger' onclick='clear_region_amounts({{$region->id}})'>{{__('texte.regions_arr.transport_amounts.clear_region_amounts')}}</button></td>
                                    </tr>
                                    @foreach($region->subregions as $subregion)
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td>{{$subregion->name}}</td>
                                            <td><input type='text' class='amount' data-region='{{$region->id}}' name='subregion[{{$subregion->id}}]' value='{{number_format($subregion->transport_amount*1.2,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('region-route-edit') disabled @endnonepermission>{{__('texte.regions_arr.transport_amounts.change')}}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script>

    function clear_amounts(){
        $('.amount').each(function(){
           $(this).val(''); 
        });
    }
    
    function clear_region_amounts(id){
        $('.amount[data-region='+id+']').each(function(){
           $(this).val(''); 
        });
    }
</script>

@endsection