@extends('branch.layout.default')

@section('content')

<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title ">
                    Manage Workers
                </h3>
            </div>
        </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content">
        <!--Begin::Section-->
        <div class="row">
            <div class="col-lg-12">
                <div class="m-portlet">
                    <div class="m-portlet__head">
                        <div class="m-portlet__head-tools">
                            <ul class="m-portlet__nav">
                                <li class="m-portlet__nav-item">
                                    <div class="m-input-icon m-input-icon--left">
                                        <input type="text" id="searchUser" class="form-control m-input m-input--pill" placeholder="Search" value="{{ $q }}">
                                        <span class="m-input-icon__icon m-input-icon__icon--left">
                                            <span>
                                                <i class="la la-search"></i>
                                            </span>
                                        </span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="m-portlet__body">
                        @if (session()->has('success'))
                        <div class="m-alert m-alert--icon alert alert-success" role="alert">
                            <div class="m-alert__icon">
                                <i class="la la-check"></i>
                            </div>
                            <div class="m-alert__text">
                                {!! session()->get('success') !!}
                            </div>
                            <div class="m-alert__close">
                                <button type="button" class="close" data-close="alert" aria-label="Close"></button>
                            </div>
                        </div>
                        @endif

                        @if (session()->has('error'))
                        <div class="m-alert m-alert--icon alert alert-primary" role="alert">
                            <div class="m-alert__icon">
                                <i class="la la-warning"></i>
                            </div>
                            <div class="m-alert__text">
                                {!! session()->get('error') !!}
                            </div>
                            <div class="m-alert__close">
                                <button type="button" class="close" data-close="alert" aria-label="Close"></button>
                            </div>
                        </div>
                        @endif

                        @if (session('status'))
                        <div class="m-alert m-alert--icon alert alert-danger" role="alert">
                            <div class="m-alert__icon">
                                <i class="la la-warning"></i>
                            </div>
                            <div class="m-alert__text">
                                {{ session('status') }}
                            </div>
                            <div class="m-alert__close">
                                <button type="button" class="close" data-close="alert" aria-label="Close"></button>
                            </div>
                        </div>
                        @endif
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label"><span>All :</span>
                            </label>
                            <div class="col-lg-3">
                                <select class="form-control input-sm" id="user_type">
                                    <option value="0" >All Workers</option>
                                    <option value="1" >Drivers</option>
                                    <option value="2" >Servants</option>
                                </select>
                            </div>
                            <div class="col-lg-6">
                                <a href="javascript:void(0)" onclick="javascript:window.location.reload(true)" class="btn btn-primary" style="float:right;"><i class="la la-refresh"></i> Refresh</a>
                            </div>
                        </div>

                        <div class="table-responsive">
                            <table class="table table-bordered m-table m-table--border-brand m-table--head-bg-brand nowrap-text">
                                <thead>
                                    <tr>
                                        <th>
                                            Sr. No.
                                        </th>
                                        <th>
                                            Driver/Servant Name
                                        </th>
                                        <th>
                                            Type Of User
                                        </th>
                                        <th>
                                            Mobile Number
                                        </th>
                                        <th>
                                            Action
                                        </th>
                                        <th>
                                            Availability
                                        </th>
                                        <th>
                                            Add Fuel
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($workersList as $index=>$worker)
                                    <tr>
                                        <td>
                                            {{ $index+$workersList->firstItem() }}
                                        </td>
                                        <td>
                                            {{ $worker->first_name." ".$worker->last_name }}
                                        </td>
                                        <td>
                                            @if($worker->user_type == '1')
                                            {{ 'Driver' }}
                                            @else
                                            {{ 'Servant' }}
                                            @endif
                                        </td>
                                        <td>
                                            {{ $worker->phone }}
                                        </td>
                                        <td class="align-middle">
                                            <a href="javascript:void(0);" class="m-link align-middle m-1" id="view-{{$worker->id}}" onClick="viewWorkerDetail(this.id)">
                                                <i class="fa fa-eye fs-25"></i>
                                            </a>
                                            <a href="javascript:void(0);" class="m-link m-link--state m-link--info m-1 align-middle" id="view-{{$worker->id}}" onClick="editWorkerDetail(this.id)">
                                                <i class="fa fa-edit fs-25"></i>
                                            </a>
                                            <a href="javascript:void(0)" class="m-link m-link--danger m--link-danger align-middle m-1" id="delete-{{$worker->id}}" onClick="delete_worker(this.id)">
                                                <i class="fa fa-trash-o fs-25"></i>
                                            </a>
                                            <a href="javascript:void(0)" class="m-link m-link--danger m--link-danger align-middle m-1" id="delete-{{$worker->id}}" onClick="editWorkerPassword(this.id)">
                                                <i class="fa fa-key fs-25"></i>
                                            </a>
                                        </td>
                                        <td class="align-middle">
                                                                                        <span class="m-switch m-switch--icon m-switch--info m-1">
                                                <label class="align-middle mb-0">
                                                    <input type="checkbox" {{ $status }} onClick="changeDriverAvailiability( '{{$worker->id}}', '{{ $worker->is_available }}' )">
                                                    <span></span>
                                                </label>
                                            </span>
                                        </td>
                                        <td class="align-middle">
                                            @if( $worker->user_type == '1' )
                                            <a href="javascript:void(0);" class="m-link m-link--state m-link--info m-1 align-middle" onClick="add_fuel_reading( '{{$worker->id}}' )">
                                                <i class="fa fa-edit fs-25"></i>
                                            </a>
                                            <a href="{{ route('view-driver-fuel-reading') }}/{{ $worker->id }}" class="m-link align-middle m-1">
                                                <i class="fa fa-eye fs-25"></i>
                                            </a>
                                            @endif
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        @if( count( $workersList ) > 0 )
                        <div class="form-group row formFlex radioCheckDv">
                            <label class="col-md-3">
                                Format
                            </label>
                            <div class="col-md-6">
                                <div class="row m-radio-list">
                                    <label class="col-md-3 formFlex m-radio"><input type="radio" name="filetype" value="excel" checked />EXCEL<span></span></label>
                                    <label class="col-md-3 formFlex m-radio"><input type="radio" name="filetype" value="csv" checked />CSV<span></span></label>
                                    <label class="col-md-3 formFlex m-radio"> <input type="radio" name="filetype" value="pdf" />PDF<span></span></label>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <a href="#" onclick="DownloadList( )" class="btn btn-primary">Download</a>
                            </div>
                        </div>
                        @endif
                        <div class="m-portlet__foot m-portlet__foot--fit m-portlet__no-border">
                            <div class="m-form__actions m-form__actions text-right">
                                <div class="row">
                                    <div class="col-lg-9 ml-lg-auto">
                                        <button type="submit" class="btn btn-primary" data-toggle="modal" data-target="#driver_create">
                                            Add Worker
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{ $workersList->appends(\Request::except('page'))->links() }}
                    </div>
                </div>
            </div>
        </div>
        <!--End::Section-->
    </div>
</div>


<!--begin::Modal Driver Detail-->
<div class="modal fade" id="driver_detail" role="Driver Detail">
    <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    Driver Detail
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">
                        &times;
                    </span>
                </button>
            </div>
            <div class="modal-body">
                <div class="table-responsive">
                    <table class="table" id="driver_detail_tbl">
                        <tbody>
                            <tr>
                                <td colspan="2"><img src="images/placeholder_thumbnail.jpg" style="max-height: 50px;"></td>
                            </tr>
                            <tr>
                                <th>
                                    Driver Name
                                </th>
                                <td>
                                    Smith
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    Driver Email Address
                                </th>
                                <td>
                                    smith@gmail.com
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    Mobile Number
                                </th>
                                <td>
                                    +2562986748
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    Password
                                </th>
                                <td>
                                    123dfr
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<!--end::Modal-->

<!--begin::Modal to add new worker -->
<div class="modal fade" id="driver_create" tabindex="-1" role="gallery">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    Add New Worker
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">
                        &times;
                    </span>
                </button>
            </div>
            <div class="modal-body">
                {{ Form::open(['route'=>['branch-add-worker'],'class' => 'm-form m-form--fit m-form--label-align-right mb-3 pt-4','files' =>'true','method'=>'POST','name'=>'addWorkerForm','id'=>'addWorkerForm'])}}
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        First Name
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="text" name="worker_firstname" placeholder="Enter first name " value="{{ old('worker_firstname')}}">
                        <div class="form-control-feedback">{{ $errors->addWorkerErrors->first('worker_firstname', ':message') }}</div>
                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Last Name
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="text" name="worker_lastname" placeholder="Enter last name " value="{{ old('worker_lastname')}}">

                        <div class="form-control-feedback">{{ $errors->addWorkerErrors->first('worker_lastname', ':message') }}</div>
                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Email Address
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="text" name="email" placeholder="Enter email address" value="{{ old('email')}}">
                        <div class="form-control-feedback">{{ $errors->addWorkerErrors->first('email', ':message') }}</div>
                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Mobile Number
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="text" name="worker_phone" placeholder="Enter contact number" value="{{ old('worker_phone')}}">
                        <div class="form-control-feedback">{{ $errors->addWorkerErrors->first('worker_phone', ':message') }}</div>
                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Password
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="password" name="worker_password" value="{{ old('worker_password')}}">
                        <div class="form-control-feedback">{{ $errors->addWorkerErrors->first('worker_password', ':message') }}</div>
                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        User Type
                    </label>
                    <div class="col-md-8">
                        <select class="form-control" name="user_type" value="{{ old('user_type')}}" id="show_hide">
                            <option value="" selected disabled hidden>Choose here</option>
                            <option value="1" {{ old('user_type') == 1 ? 'selected' : '' }}>Driver</option>
                            <option value="2" {{ old('user_type') == 2 ? 'selected' : '' }}>Servant</option>
                        </select>
                        <div class="form-control-feedback">{{ $errors->addWorkerErrors->first('user_type', ':message') }}</div>
                    </div>

                </div>
                <div class="form-group m-form__group row" id="hidden_div" style="display: none;">
                    <label class="col-md-4 col-form-label">
                        Vehicle No.
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="text" name="vehicle_no" placeholder="Enter vehicle no. " value="{{ old('vehicle_no')}}">

                        <div class="form-control-feedback">{{ $errors->addWorkerErrors->first('vehicle_no', ':message') }}</div>
                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Upload Image
                    </label>
                    <div class="col-md-8">
                        <div class="custom-file">
                            <input type="file" class="custom-file-input" name="worker_image" value="{{ old('worker_image')}}">
                            <label class="custom-file-label" for="customFile">
                                Choose file
                            </label>
                        </div>
                        <div class="form-control-feedback">{{ $errors->addWorkerErrors->first('worker_image', ':message') }}</div>
                    </div>
                </div>

            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary" value="Save">
                    Save
                </button>
            </div>
            {{ Form::close() }}
        </div>
    </div>
</div>
<!--end::Modal-->

<!--begin::Modal to edit worker details -->
<div class="modal fade" id="worker_edit" tabindex="-1" role="gallery">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    Edit Worker
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">
                        &times;
                    </span>
                </button>
            </div>
            <div class="modal-body">
                {{ Form::open(['route'=>['branch-edit-worker'],'class' => 'm-form m-form--fit m-form--label-align-right mb-3 pt-4','files' =>'true','method'=>'POST','name'=>'editWorkerForm','id'=>'editWorkerForm'])}}
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        First Name
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="text" name="worker_firstname" id="worker_firstname_edit" placeholder="Enter first name " value="{{ old('worker_firstname')}}">
                        <div class="form-control-feedback">{{ $errors->editWorkerErrors->first('worker_firstname', ':message') }}</div>
                    </div>
                </div>
                <input type="hidden" id="worker_id" name="worker_id" value="{{ old('worker_id') }}">
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Last Name
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="text" name="worker_lastname" id="worker_lastname_edit" placeholder="Enter last name " value="{{ old('worker_lastname')}}">

                        <div class="form-control-feedback">{{ $errors->editWorkerErrors->first('worker_lastname', ':message') }}</div>
                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Email Address
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="text" name="email" id="worker_email_edit" placeholder="Enter email address" disabled="true">
                        <!--<div class="form-control-feedback">{{ $errors->addWorkerErrors->first('email', ':message') }}</div>-->
                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Mobile Number
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="text" name="worker_phone" id="worker_phone_edit" placeholder="Enter contact number" value="{{ old('worker_phone')}}">
                        <div class="form-control-feedback">{{ $errors->editWorkerErrors->first('worker_phone', ':message') }}</div>
                    </div>
                </div>
                <input type="hidden" id="utype_val" name="utype_val" value="{{ old('user_type') }}">
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        User Type
                    </label>
                    <div class="col-md-8">
                        <select class="form-control" name="user_type" id="user_type_edit" value="{{ old('user_type')}}" disabled="true">
                            <option value="" selected disabled hidden>Choose here</option>
                            <option value="1">Driver</option>
                            <option value="2">Servant</option>
                        </select>
                        <div class="form-control-feedback">{{ $errors->editWorkerErrors->first('user_type', ':message') }}</div>
                    </div>

                </div>
                <div class="form-group m-form__group row" id="edit_hidden_div" style="display: none;">
                    <label class="col-md-4 col-form-label">
                        Vehicle No.
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="text" name="vehicle_no" id="vehicle_no_edit" placeholder="Enter vehicle no " value="{{ old('vehicle_no')}}">

                        <div class="form-control-feedback">{{ $errors->editWorkerErrors->first('vehicle_no', ':message') }}</div>
                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Upload Image
                    </label>
                    <div class="col-md-8">
                        <div class="custom-file">
                            <input type="file" class="custom-file-input" name="worker_image" id="worker_image_edit" value="{{ old('worker_image')}}">
                            <label class="custom-file-label" for="customFile">
                                Choose file
                            </label>
                        </div>
                        <div class="form-control-feedback">{{ $errors->editWorkerErrors->first('worker_image', ':message') }}</div>
                        <div class="form-control">
                            <img src="" id="worker_img">
                        </div>

                    </div>

                </div>

            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary" value="Save">
                    Edit and Save
                </button>
            </div>
            {{ Form::close() }}
        </div>
    </div>
</div>
<!--end::Modal-->

<!--begin::Modal to edit worker password -->
<div class="modal fade" id="worker_edit_password" tabindex="-1" role="gallery">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    Edit Worker Password
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">
                        &times;
                    </span>
                </button>
            </div>
            <div class="modal-body">
                {{ Form::open(['route'=>['branch-edit-worker-password'],'class' => 'm-form m-form--fit m-form--label-align-right mb-3 pt-4','files' =>'true','method'=>'POST','name'=>'editWorkerForm','id'=>'editWorkerFormPassword'])}}
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        First Name
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="text" name="worker_firstname" id="worker_firstname_edit_pass" placeholder="Enter first name " value="{{ old('worker_firstname')}}" disabled="true">
                        <div class="form-control-feedback">{{ $errors->editWorkerErrors->first('worker_firstname', ':message') }}</div>
                    </div>
                </div>
                <input type="hidden" id="worker_id_pass" name="worker_id_pass" value="{{ old('worker_id_pass') }}">
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Last Name
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="text" name="worker_lastname" id="worker_lastname_edit_pass" placeholder="Enter last name " value="{{ old('worker_lastname')}}" disabled="true">


                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Email Address
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="text" name="email" id="worker_email_edit_pass" placeholder="Enter email address" disabled="true">
                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        User Type
                    </label>
                    <div class="col-md-8">
                        <select class="form-control" name="user_type" id="user_type_edit_pass" value="{{ old('user_type')}}" disabled="true">
                            <option value="" selected disabled hidden>Choose here</option>
                            <option value="1">Driver</option>
                            <option value="2">Servant</option>
                        </select>
                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        New Password
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="password" name="newPassword" id="worker_password_edit" placeholder="Enter new password" value="{{ old('newPassword')}}">
                        <div class="form-control-feedback">{{ $errors->editWorkerPasswordErrors->first('newPassword', ':message') }}</div>
                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Confirm New Password
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="password" name="confirmNewPassword" id="worker_confirm_password_edit" placeholder="Confirm new Password">
                        <div class="form-control-feedback">{{ $errors->editWorkerPasswordErrors->first('confirmNewPassword', ':message') }}</div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary" value="Save">
                    Edit and Save
                </button>
            </div>
            {{ Form::close() }}
        </div>
    </div>
</div>
<!--end::Modal-->

<!--begin::Modal to add new worker -->
<div class="modal fade" id="driver_fuel_reading" tabindex="-1" role="gallery">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    Fuel Reading
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">
                        &times;
                    </span>
                </button>
            </div>
            <div class="modal-body">
                {{ Form::open(['route'=>['add-fuel-reading'],'class' => 'm-form m-form--fit m-form--label-align-right mb-3 pt-4','files' =>'true','method'=>'POST','name'=>'addWorkerForm','id'=>'addWorkerForm'])}}
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Date
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input datepicker_date" type="text" name="fuel_date" id="fuel_date" placeholder="Enter date " required>
                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Filling Time
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="text" name="filling_time" placeholder="Enter Time" id="timepicker" required>
                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Outlet Name
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="text" name="outlet" placeholder="Enter Outlet Name" id="outlet" required>
                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Vehicle No.
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="text" name="vehicle_no" placeholder="Enter Vehicle No" id="vehicle_no" required autocomplete="false">
                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Bike Reading
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="number" name="bike_reading" placeholder="Enter Bike Reading" required>
                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Fuel Quantity
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="number" name="fuelqty" placeholder="Enter Fuel Qty" step="any" required>
                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Amount of Fuel Filled
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" onkeypress="return isNumber(event)" type="number" name="fuel_amount" id="fuel_amount" placeholder="Enter Amount of Fuel Filled" required>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <input type="hidden" name="fuel_driver_id" id="fuel_driver_id">
                <button type="submit" class="btn btn-primary" value="Save">
                    Save
                </button>
            </div>
            {{ Form::close() }}
        </div>
    </div>
</div>
<!--end::Modal-->
<link href="{{ asset('assets/branch/layout/css/timepicki.css')}}" rel="stylesheet">
@endsection
@section('js')
<script src="{{ asset('assets/branch/layout/js/timepicki.js')}}"></script>
<script>
    $('#timepicker').timepicki();

    //Open add Worker Modal if errors are there while creating new worker
    @if(count($errors -> addWorkerErrors) > 0)
    $('#driver_create').modal('show');
    @endif

    //Open edit Worker Modal if errors are there while editing details of worker
    @if(count($errors -> editWorkerErrors) > 0)
    $('#worker_edit').modal('show');
    @endif
    @if(count($errors -> editWorkerPasswordErrors) > 0)
    $('#worker_edit_password').modal('show');
    @endif

    $(document).ready(function() {
        $('#show_hide').on('change', function() {
            if (this.value == '1')
            //.....................^.......
            {
                $("#hidden_div").show();
            } else {
                $("#hidden_div").hide();
            }
        });
        if ($('#show_hide').val() == '1')
        //.....................^.......
        {
            $("#hidden_div").show();
        } else {
            $("#hidden_div").hide();
        }
    });

    //function used to get the details of the worker - Driver/Servant
    function viewWorkerDetail(clicked_id) {
        var button_id = clicked_id;
        var button_id1 = clicked_id;
        var id = button_id.split("-")[1];

        $.ajax({
            url: "{{route('workerdetails')}}",
            type: "POST",
            data: {
                "_token": "{{ csrf_token() }}",
                "id": id
            },
            success: function(data) {
                var usertype = '';
                if (data.result['0'].user_type == '1') {
                    usertype = "Driver";
                } else {
                    usertype = "Servant";
                }
                var detail = '<tr><td colspan="2"><img src="' + data.result['0'].image + '" style="max-height: 100px;"></td></tr>';
                detail += '<tr><th> Name</th><td>' + data.result['0'].first_name + '</td></tr>';
                detail += '<tr><th> Email Address</th><td>' + data.result['0'].email + '</td></tr>';
                detail += '<tr><th> Mobile Number </th><td>' + data.result['0'].phone + '</td></tr>';
                if (data.result['0'].user_type == '1') {
                    detail += '<tr><th> Vehicle no.</th><td>' + data.result['0'].vehicle_no + '</td></tr>';
                    detail += '<tr><th> No. of delivered order </th><td>' + data.driverDeliveredOrder + '</td></tr>';
                    detail += '<tr><th> No. of assigned orders </th><td>' + data.driverAssignedOrder + '</td></tr>';
                    detail += '<tr><th>  No. of delay deliveries </th><td>' + data.delivereDelayTime + '</td></tr>';
                }

                detail += '<tr><th> User Type</th><td>' + usertype + '</td></tr>';
                $('#driver_detail_tbl').html(detail);
                $('#driver_detail').modal('show');
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                alert("Status: " + textStatus);
                alert("Error: " + errorThrown);
                location.reload();
            }
        });

    }
    // Function used to load the edit form with worker details
    function editWorkerDetail(clicked_id) {

        var button_id = clicked_id;
        var id = button_id.split("-")[1];

        $.ajax({
            url: "{{route('workerdetails')}}",
            type: "POST",
            data: {
                "_token": "{{ csrf_token() }}",
                "id": id
            },
            success: function(data) {

                $('#worker_firstname_edit').val(data.result['0'].first_name);
                $('#worker_lastname_edit').val(data.result['0'].last_name);
                $('#worker_email_edit').val(data.result['0'].email);
                $('#worker_phone_edit').val(data.result['0'].phone);
                $('#user_type_edit').val(data.result['0'].user_type);
                if (data.result['0'].user_type == '1') {
                    $("#edit_hidden_div").show();
                    $('#vehicle_no_edit').val(data.result['0'].vehicle_no);
                } else {
                    $("#edit_hidden_div").hide();
                }
                $('#worker_id').val(data.result['0'].id);
                $('#utype_val').val(data.result['0'].user_type);
                $('#worker_img').attr('src', data.result['0'].image);
                $('#worker_img').attr('width', '200px');
                $('#worker_img').attr('height', '200px');
                $('#worker_edit').modal('show');
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                alert("Status: " + textStatus);
                alert("Error: " + errorThrown);
                location.reload();
            }
        });

    }
    // function used to delete worker 
    function delete_worker(clicked_id) {
        var id = clicked_id;
        var worker_id = id.split("-")[1];

        if (confirm('Are you sure you want to delete this?')) {
            $.ajax({
                url: "{{route('workerDelete')}}",
                type: "POST",
                data: {
                    "_token": "{{ csrf_token() }}",
                    'worker_id': worker_id
                },

                success: function(result) {
                    console.log(result);
                    location.reload();
                },
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    alert("Status: " + textStatus);
                    alert("Error: " + errorThrown);
                    location.reload();
                }
            });
        }

    };

    // Function used to load the edit form with worker details
    function editWorkerPassword(clicked_id) {

        var button_id = clicked_id;
        var id = button_id.split("-")[1];

        $.ajax({
            url: "{{route('workerdetails')}}",
            type: "POST",
            data: {
                "_token": "{{ csrf_token() }}",
                "id": id
            },
            success: function(data) {
                $('#worker_firstname_edit_pass').val(data.result['0'].first_name);
                $('#worker_lastname_edit_pass').val(data.result['0'].last_name);
                $('#worker_email_edit_pass').val(data.result['0'].email);
                $('#worker_phone_edit_pass').val(data.result['0'].phone);
                $('#user_type_edit_pass').val(data.result['0'].user_type);
                $('#worker_id_pass').val(data.result['0'].id);
                $('#worker_edit_password').modal('show');
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                alert("Status: " + textStatus);
                alert("Error: " + errorThrown);
                location.reload();
            }
        });

    }

    //Function used to sort workers by their type as Driver/Servant 
    $('#user_type').change(function() {
        var data = $('#user_type option:selected').val();
        window.location.href = "{{ url('branch/branch-drivers') }}?type=" + data;
    });

    //Function to search order details by order number
    $('#searchUser').keypress(function(e) {
        var key = e.which;
        if (key == 13) // the enter key code
        {
            var data = $('#searchUser').val();
            window.location.href = "{{ url('branch/branch-drivers') }}?q=" + data;
            return false;
        }
    });

    function changeDriverAvailiability(driver_id, is_available) {

        if (confirm("Do you want to change the availability?")) {
            $.ajax({
                url: "{{ route('change_driver_availiability') }}",
                type: "POST",
                data: {
                    "_token": "{{ csrf_token() }}",
                    'driver_id': driver_id,
                    'is_available': is_available
                },
                success: function(result) {
                    location.reload();
                },
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    alert("Status: " + textStatus);
                    alert("Error: " + errorThrown);
                    location.reload(true);
                }
            });
        } else {
            location.reload(true);
        }
    }

    function add_fuel_reading(driver_id) {
        $('#fuel_driver_id').val(driver_id);
        $('#fuel_date').keypress(function(e) {
            e.preventDefault();
        });
        console.log("{{route('branchdriverDetails')}}");
        $.ajax({
            url: "{{route('branchdriverDetails')}}",
            type: "POST",
            data: {
                "_token": "{{ csrf_token() }}",
                "id": driver_id
            },
            success: function(data) {
                if (data.result)
                    $('#vehicle_no').val(data.result[0].vehicle_no);
                $('#driver_fuel_reading').modal('show');
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                console.log("Status: " + textStatus);
                console.log("Error: " + errorThrown);
                $('#driver_fuel_reading').modal('show');
            }
        });
    }

    function isNumber(evt) {
        evt = (evt) ? evt : window.event;
        var charCode = (evt.which) ? evt.which : evt.keyCode;
        if (charCode > 31 && (charCode < 48 || charCode > 57)) {
            return false;
        }
        return true;
    }

    function DownloadList() {
        var userType = $('#user_type').val();
        var filetype = $('input[name=filetype]:checked').val();

        var url = "{{url('branch/download-drivers')}}?level=" + userType + "&file_type=" + filetype;
        window.location = url;
    }
</script>
@endsection