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

{% block title %}New: Mobile / Mifi/ iPad{% endblock %}

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

    {{ include('mobiles/_form.html.twig') }}
    <br>

    <a class="btn btn-outline-info " href="{{ path('mobiles_index') }}">Return to list</a>
{% 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 %}