@extends('layouts.main')

@section('content')
<div class="row">
    <div class="col-md-2">
        <div class="list-group">
            <a href="{{route('quiq_users_edit_view',['user' => $user])}}" class="list-group-item">{{__('strings.user_profile')}}</a>
            <a href="{{route('quiq_users_nips_view',['user' => $user])}}" class="list-group-item">Nips</a>
            <a href="{{route('quiq_users_rates_view',['user' => $user])}}" class="list-group-item">{{__('strings.rates')}}</a>
            <a href="{{route('quiq_users_fixed_rates_view',['user' => $user])}}" class="list-group-item active">{{__('strings.fixed_rates')}}</a>
            <a href="{{route('quiq_users_payments_view',['user' => $user])}}" class="list-group-item">{{__('strings.payments')}}</a>
            <a href="{{route('quiq_user_deductions_view',['user' => $user])}}" class="list-group-item">{{__('strings.deductions')}}</a>
            <a href="{{route('quiq_user_drivers_view',['user' => $user])}}" class="list-group-item">{{__('strings.drivers')}}</a>
        </div>
    </div>

    <div class="col-md-10">
        <div class="card">  
            <div class="card-header">
                <h4 class="card-title">{{ __('strings.quiq_user_rates_update') }}</h4>
            </div>
            <div class="card-body">                
                <form class="form" action="{{route('quiq_fixed_rates_allocate',['user' => $user])}}" method="post">
                    {{ csrf_field() }}
                    <input type="hidden" name="user_token" value="{{$user->SECURE_TOKEN}}">
                    <div class="table-responsive">
                        <table class="table cell-borders">
                            <thead class="thead-inverse">
                                <tr>
                                    <th>?</th>
                                    <th>Id</th>
                                    <th>Nombre</th>
                                    <th>$</th> 
                                </tr>
                            </thead>
                            <tbody>
                                @foreach(App\QuiQFixedRateLocation::where('id_zone',$user->ID_ZONE)->orderBy('id','desc')->get() as $loc)
                                <tr>
                                    @if ($user->fixed_location_rates->contains('id',$loc->id))
                                        <td>
                                            <input type="checkbox" id="{{$loc->id}}"  name="id[]" value="{{$loc->id}}"  onchange="onCheckClick(this, '{{'price'.$loc->id}}')" checked>
                                        </td>
                                        <td>{{$loc->id}}</td>
                                        <td>{{$loc->name}}</td>
                                        <td>                                                                        
                                            <input id="{{'price'.$loc->id}}"  name="{{'price'.$loc->id}}" type="number" value="{{$user->fixed_location_rates->where('id',$loc->id)->first()->pivot->price}}" placeholder="{{__('strings.price')}}">
                                        </td> 
                                    @else                                    
                                        <td>
                                            <input type="checkbox" id="{{$loc->id}}"  name="id[]" value="{{$loc->id}}"  onchange="onCheckClick(this, '{{'price'.$loc->id}}')" >
                                        </td>
                                        <td>{{$loc->id}}</td>
                                        <td>{{$loc->name}}</td>
                                        <td>                                                                        
                                            <input id="{{'price'.$loc->id}}"  name="{{'price'.$loc->id}}" type="number" value="0" style="display: none;" placeholder="{{__('strings.price')}}" disabled >
                                        </td> 
                                    @endif
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <span class="float-sm-right">
                            <button type="submit" class="btn btn-primary btn-">
                                {{ __('strings.submit_update') }}
                            </button>
                        </span>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    function onCheckClick(check, id) {
        if(check.checked) {
            $("#" + id).fadeIn( "fast");
            $("#" + id).prop('disabled', false);
        } else {
            $("#" + id).fadeOut( "fast");
            $("#" + id).prop('disabled', true);
        }
    }
</script>
@endpush