@extends('operations.drivers.profile.includes.main')

@section('license_permits')
active
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('drivers_management.index')}}">Drivers Management</a> <span class="divider">/</span></li>
        <li class="active">License and Permits</li>
    </ul>
@stop
@section('profile')


    <div id="glyphs" class="tab-pane active" style="height: 450px">
        <div class="container-fluid">
            <div class="mediamgr">
                <div class="mediamgr_left">
                    <div class="mediamgr_head">

                        <!-- <div class="mediamgr_head"> -->
                        <table class="table table-bordered table-invoice">
                            <tr>
                                <td colspan="4" style="text-align: right">
                                    <button class="btn" onclick='create("{{route('operations.drivers.certificates.create',['id'=>$driver->id])}}")'>
                                        <i class="icon-edit"></i> &nbsp;EDIT
                                    </button>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: right">License No:</td>
                                <td>@if(isset($driver_licence->number)) {{ $driver_licence->number }} @endif</td>
                                <td style="text-align: right">Issued Date</td>
                                <td>@if(isset($driver_licence->number)) {{ $driver_licence->issued_date }} @endif</td>
                            </tr>
                            <tr>
                                <td class="width01" style="text-align: right">License Start:</td>
                                <td class="width01">
                                    @if(isset($driver_licence->driverLicenceDates[0]))
                                        {{ $driver_licence->driverLicenceDates[0]->start_date }}
                                    @endif
                                </td>
                                <td class="width01" style="text-align: right">License End:</td>
                                <td class="width01">
                                    @if(isset($driver_licence->driverLicenceDates[0]))
                                        {{ $driver_licence->driverLicenceDates[0]->expired_date }}
                                    @endif
                                </td>
                            </tr>
                            {{--<tr>--}}
                                {{--<td colspan="4"></td>--}}
                            {{--</tr>--}}
                            {{--<tr>--}}
                                {{--<td style="text-align: right">Passport No:</td>--}}
                                {{--<td>{{ $driver->passport }}</td>--}}
                                {{--<td style="text-align: right">Display Name</td>--}}
                                {{--<td>{{ $driver->passport_name}}</td>--}}
                            {{--</tr>--}}
                            {{--<tr>--}}
                                {{--<td class="width01" style="text-align: right">Passport Start:</td>--}}
                                {{--<td class="width01">{{ $driver->pas_start }}</td>--}}
                                {{--<td class="width01" style="text-align: right">Passport End:</td>--}}
                                {{--<td class="width01">{{ $driver->pass_end }}</td>--}}
                            {{--</tr>--}}
                        </table>

                    </div>
                </div>
            </div>
        </div>
    </div>


    <script type="text/javascript">

        var update_lecense_permits_modal = jQuery('#update_lecense_permits_modal');
        var form = update_lecense_permits_modal.find('form');
        form.on('submit', function(e) {
            e.preventDefault();
            updateRecordFn(form);
        });


        // Ajax function to add a record
        function updateRecordFn(form) {
            jQuery.ajax({
                url: form.attr('action'),
                // type: form.attr('method'),
                type: 'PUT',
                data: form.serialize(),
                success: function (data) {
                    console.log(data);

                    jQuery('.has-error').removeClass('has-error');

                    if (data.state === 'Done') {
                        jQuery.jGrowl(data.msg);
                        // mainDataTable.draw();
                    } else if (data.state === 'Fail') {
                        jQuery.jGrowl(data.msg);
                    } else {
                        var num = 0;
                        jQuery.each(data, function(k, v) {
                            field = k.substr(0, k.indexOf("."));

                            field = jQuery('select[name="'+ field +'"]').addClass('has-error');

                            if(num == 0) jQuery.jGrowl(v);

                            num++;
                        });
                    }
                },
                error: function (data) {
                    console.log('Error: ');
                    console.log(data);
                    jQuery.jGrowl('Error: Something went wrong');
                }
            });
        }

    </script>


@stop