{% extends 'base_admin.html.twig' %}

{% block title %}{{mobile.deviceCategory|capitalize}}: {{mobile.mobileNumber}}{% endblock %}

{% block body %}
    <h1 style="color: red">Edit: Mobile/ Mifi / iPad</h1>

    {{ include('mobiles/_form.html.twig', {'button_label': 'Update'}) }}

    <a class="btn btn-outline-info mt-2" href="{{ path('mobiles_index') }}">Return to list</a>

    {{ include('mobiles/_delete_form.html.twig') }}
{% endblock %}

{% block datatable %}
    <script>
       if ($('#mobiles_deviceCategory').val()=='mifi'){
           $('label[for="mobiles_employee"]').hide();
           $('#mobiles_employee').hide();
       }
       if ($('#mobiles_deviceCategory').val()!='mifi'){
           $('label[for="mobiles_device"]').hide();
           $('#mobiles_device').hide();
           $('label[for="mobiles_vehicle"]').hide();
           $('#mobiles_vehicle').hide();
       }


        $('#mobiles_deviceCategory').click(function () {
            var device_category = $('#mobiles_deviceCategory').val();
            if(device_category=='mifi')
            {
                $('label[for="mobiles_device"]').show();
                $('#mobiles_device').show();
                $('label[for="mobiles_vehicle"]').show();
                $('#mobiles_vehicle').show();
                $('label[for="mobiles_employee"]').hide();
                $('#mobiles_employee').hide();
            }
            else{
                $('label[for="mobiles_device"]').hide();
                $('#mobiles_device').hide();
                $('label[for="mobiles_vehicle"]').hide();
                $('#mobiles_vehicle').hide();
                $('label[for="mobiles_employee"]').show();
                $('#mobiles_employee').show();
            }
        })


    </script>
{% endblock datatable %}