@extends('callcenter.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 Drivers
                </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">

                            <div class="col-lg-6" style="margin-left: 25%;">
                                <div class="m-input-icon m-input-icon--left">
                                    <input type="text" id="searchData" value="{{ $q }}" class="form-control m-input m-input--pill" placeholder="Search via Driver Name, Agent Name">
                                    <span class="m-input-icon__icon m-input-icon__icon--left">
                                        <span>
                                            <i class="la la-search"></i>
                                        </span>
                                    </span>
                                </div>
                            </div>
                        </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="m-portlet__foot m-portlet__foot--fit m-portlet__no-border mt-2">
                            <div class="m-form__actions m-form__actions text-right">
                                <div class="row">
                                    <div class="col-lg-9 ml-lg-auto">
                                        <button type="button" class="btn btn-primary m-btn--pill m-btn--air" onclick="adddriver()">
                                            Add Driver
                                        </button>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <br>

                        <div class="table-responsive">
                            <table class="table table-bordered m-table m-table--border-brand m-table--head-bg-brand nowrap-text manageTable">
                                <thead>
                                    <tr>
                                        <th>
                                            Sr. No.
                                        </th>
                                        <th>
                                            Driver Name
                                        </th>
                                        <th>
                                            Added By
                                        </th>
                                        <th>
                                            Mobile Number

                                        </th>
                                        <th>
                                            Action
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if(count($driverList)>0)
                                    @foreach($driverList as $index=>$driver)
                                    <tr>
                                        <td>
                                            {{ $index+$driverList->firstItem() }}
                                        </td>
                                        <td>
                                            {{ ucfirst($driver->first_name)." ".ucfirst($driver->last_name) }}
                                        </td>
                                        <td>
                                            {{ $driver->fname." ".$driver->lname }}
                                        </td>
                                        <td>
                                            {{ $driver->phone }}
                                        </td>
                                        <td class="align-middle">

                                            <a href="{{ url('callcenter/getdriverdetails/'.$driver->id) }}" class="m-link align-middle m-1" id="view-{{$driver->id}}">
                                                <i class="fa fa-eye fs-20"></i>
                                            </a>
                                            <a href="javascript:void(0);" class="m-link align-middle m-1" id="edit-{{$driver->id}}" onClick="editDriverDetail(this.id)">
                                                <i class="fa fa-edit fs-20"></i>
                                            </a>
                                            <a href="javascript:void(0)" class="m-link m-link--danger m--link-danger align-middle m-1" id="delete-{{$driver->id}}" onClick="deleteDriver(this.id)">
                                                <i class="fa fa-trash-o fs-20"></i>
                                            </a>

                                            <a href="javascript:void(0);" class="m-link align-middle m-1" id="password-{{$driver->id}}" onClick="editPassword(this.id)">
                                                <i class="fa fa-key fs-20"></i>
                                            </a>
                                        </td>
                                    </tr>
                                    @endforeach
                                    @else
                                    <tr>
                                        <td colspan="7">
                                            No Drivers added to CafeJavas
                                        </td>
                                    </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                        {{ $driverList->appends(['q'=> $q])->links() }}
                        <div>
                            <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>
                        </div>

                    </div>

                </div>

            </div>
        </div>
        <!--End::Section-->
    </div>
</div>


<div class="modal fade" id="add_driver" tabindex="-1" role="driver">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    Add Driver Details
                </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'=>['adddriver'],'method'=>'POST','class'=>'m-form m-form--label-align-right mb-3 pt-4','files' =>'true'])}}
                <div class="form-group m-form__group has-danger">
                    <label class="col-md-4 col-form-label">
                        Driver image
                    </label>
                    <div class="custom-file col-md-6 has-danger">
                        <input type="file" class="custom-file-input" name="image" id="pro-image">
                        <label class="custom-file-label">
                            Choose file
                        </label>
                        <div class="form-control-feedback">{{ $errors->addDriverErrors->first('image', 'Please select an image') }}</div>
                    </div>

                </div>
                <div class="form-group m-form__group row ">
                    <label class="col-md-4 col-form-label">
                        First Name
                    </label>
                    <div class="col-md-6 has-danger">
                        <div class="input-group">
                            <input type="text" name="first_name" id="first_name" placeholder="Enter first name" class="form-control m-input " autocomplete="off" value="{{ old('first_name') }}">
                        </div>
                        <div class="form-control-feedback">{{ $errors->addDriverErrors->first('first_name', ':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-6 has-danger">
                        <div class="input-group">
                            <input type="text" name="last_name" id="last_name" placeholder="Enter last name" class="form-control m-input " autocomplete="off" value="{{ old('last_name') }}">
                        </div>
                        <div class="form-control-feedback">{{ $errors->addDriverErrors->first('last_name', ':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-6 has-danger">
                        <div class="input-group">
                            <input type="text" name="email" id="email" placeholder="Enter email address" class="form-control m-input " autocomplete="off" value="{{ old('email') }}">
                        </div>
                        <div class="form-control-feedback">{{ $errors->addDriverErrors->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-6 has-danger">
                        <div class="input-group">
                            <input type="text" name="phone" id="phone" placeholder="Enter phone number" class="form-control m-input " autocomplete="off" value="{{ old('phone') }}">
                        </div>
                        <div class="form-control-feedback">{{ $errors->addDriverErrors->first('phone', ':message') }}</div>
                    </div>
                </div>
                <div class="form-group m-form__group row ">
                    <label class="col-md-4 col-form-label">
                        Vehicle Number
                    </label>
                    <div class="col-md-6 has-danger">
                        <div class="input-group">
                            <input type="text" name="vehicle_no" id="vehicle_no" placeholder="Enter vehicle number" class="form-control m-input " autocomplete="off" value="{{ old('vehicle_no') }}">
                        </div>
                        <div class="form-control-feedback">{{ $errors->addDriverErrors->first('vehicle_no', ':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-6 has-danger">
                        <div class="input-group">
                            <input type="password" name="password" id="password" placeholder="Enter password" class="form-control m-input " autocomplete="off" value="{{ old('password') }}">
                        </div>
                        <div class="form-control-feedback">{{ $errors->addDriverErrors->first('password', ':message') }}</div>
                    </div>
                </div>
                <!--</form>-->

                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">
                        Save
                    </button>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="edit_driver" tabindex="-1" role="driver">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    Edit Driver Details
                </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'=>['editdriver'],'class' => 'm-form m-form--fit m-form--label-align-right mb-3 pt-4','files' =>'true','method'=>'POST','name'=>'editdriverForm','id'=>'editdriverForm'])}}
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Upload Image
                    </label>
                    <div class="col-md-6 has-danger">
                        <div class="custom-file">
                            <input type="file" class="custom-file-input" name="driver_img" id="driver_img_edit" value="{{ old('driver_img')}}">
                            <label class="custom-file-label" for="customFile">
                                Choose file
                            </label>
                        </div>
                        <div class="form-control-feedback">{{ $errors->editDriverErrors->first('driver_img', ':message') }}</div>
                        <div class="form-control">
                            <img src="" id="driver_img">
                        </div>

                    </div>

                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        First Name
                    </label>
                    <div class="col-md-6 has-danger">
                        <input class="form-control m-input" type="text" name="firstname" id="firstname" placeholder="Enter first name" value="{{ old('lastname')}}">
                        <div class="form-control-feedback">{{ $errors->editDriverErrors->first('firstname', ':message') }}</div>
                    </div>
                </div>
                <input type="hidden" id="driver_id" name="driver_id" value="{{ old('driver_id') }}">
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Last Name
                    </label>
                    <div class="col-md-6 has-danger">
                        <input class="form-control m-input" type="text" name="lastname" id="lastname" placeholder="Enter last name" value="{{ old('lastname')}}">

                        <div class="form-control-feedback">{{ $errors->editDriverErrors->first('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-6 has-danger">
                        <input class="form-control m-input" type="text" name="email_address" id="email_address" placeholder="Enter email address" disabled="true" value="{{ old('email_id')}}">
                        <input type="hidden" type="text" name="email_id" id="email_id" value="{{ old('email_id') }}">
                        <!--                        <div class="form-control-feedback">{{ $errors->editDriverErrors->first('email_address', ':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-6 has-danger">
                        <input class="form-control m-input" type="text" name="phone" id="phone_number" placeholder="Enter contact number" value="{{ old('phone')}}">
                        <div class="form-control-feedback">{{ $errors->editDriverErrors->first('phone', ':message') }}</div>
                    </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-6 has-danger">
                        <input class="form-control m-input" type="text" name="vehicle_number" id="vehicle_number" placeholder="Enter vehicle no " value="{{ old('vehicle_number')}}">

                        <div class="form-control-feedback">{{ $errors->editDriverErrors->first('vehicle_number', ':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>

<div class="modal fade" id="edit_password" tabindex="-1" role="driver">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    Change Driver 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'=>['editdriverpassword'],'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="label_firstname" id="label_firstname" disabled="true" value="{{ old('label_firstname2')}}">
                        <input type="hidden" type="text" name="label_firstname2" id="label_firstname2" value="{{ old('label_firstname2') }}">


                    </div>
                </div>
                <input type="hidden" id="driver_id_pass" name="driver_id" value="{{ old('driver_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="label_lastname" id="label_lastname" disabled="true" value="{{ old('label_lastname2')}}">
                        <input type="hidden" type="text" name="label_lastname2" id="label_lastname2" value="{{ old('label_lastname2') }}">

                    </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="label_email" id="label_email" disabled="true" value="{{ old('label_email2')}}">
                        <input type="hidden" type="text" name="label_email2" id="label_email2" value="{{ old('label_email2') }}">

                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Phone Number
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="text" name="label_phone" id="label_phone" disabled="true" value="{{ old('label_phone2')}}">
                        <input type="hidden" type="text" name="label_phone2" id="label_phone2" value="{{ old('label_phone2') }}">

                    </div>
                </div>
                <div class="form-group m-form__group row">
                    <label class="col-md-4 col-form-label">
                        Vehicle Number
                    </label>
                    <div class="col-md-8">
                        <input class="form-control m-input" type="text" name="label_vehicle" id="label_vehicle" disabled="true" value="{{ old('label_vehicle2')}}">
                        <input type="hidden" type="text" name="label_vehicle2" id="label_vehicle2" value="{{ old('label_vehicle2') }}">

                    </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->editPasswordErrors->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->editPasswordErrors->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>
@endsection
@section('js')

<script>
    @if(count($errors - > addDriverErrors) > 0)
    $('#add_driver').modal('show');
    @endif
    @if(count($errors - > editDriverErrors) > 0)
    $('#edit_driver').modal('show');
    @endif
    @if(count($errors - > editPasswordErrors) > 0)
    $('#edit_password').modal('show');
    @endif

    function adddriver() {
        $('#add_driver').modal('show');
    }

    $('#searchData').keypress(function(e) {
        var key = e.which;
        if (key == 13) // the enter key code
        {
            var data = $('#searchData').val();
            window.location.href = "{{ url('callcenter/cafedrivers') }}?q=" + data;
            return false;
        }
    });

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

        var url = "{{url('callcenter/download-drivers')}}?q=" + data + "&file_type=" + filetype;
        window.location = url;
    }

    function editDriverDetail(clicked_id) {
        var button_id = clicked_id;
        var id = button_id.split("-")[1];
        $.ajax({
            url: "{{route('driverDetails')}}",
            type: "POST",
            data: {
                "_token": "{{ csrf_token() }}",
                "id": id
            },
            success: function(data) {
                $('#firstname').val(data.result['0'].first_name);
                $('#lastname').val(data.result['0'].last_name);
                $('#email_address').val(data.result['0'].email);
                $('#email_id').val(data.result['0'].email);
                $('#phone_number').val(data.result['0'].phone);
                $('#vehicle_number').val(data.result['0'].vehicle_no);
                $('#driver_id').val(data.result['0'].id);
                $('#driver_img').attr('src', data.result['0'].image);
                $('#driver_img').attr('width', '200px');
                $('#driver_img').attr('height', '200px');
                $('#edit_driver').modal('show');
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {}
        });
    }

    function editPassword(clicked_id) {
        var button_id = clicked_id;
        var id = button_id.split("-")[1];
        $.ajax({
            url: "{{route('driverDetails')}}",
            type: "POST",
            data: {
                "_token": "{{ csrf_token() }}",
                "id": id
            },
            success: function(data) {
                $('#label_firstname').val(data.result['0'].first_name);
                $('#label_firstname2').val(data.result['0'].first_name);
                $('#label_lastname').val(data.result['0'].last_name);
                $('#label_lastname2').val(data.result['0'].last_name);
                $('#label_email').val(data.result['0'].email);
                $('#label_email2').val(data.result['0'].email);
                $('#label_phone').val(data.result['0'].phone);
                $('#label_phone2').val(data.result['0'].phone);
                $('#label_vehicle').val(data.result['0'].vehicle_no);
                $('#label_vehicle2').val(data.result['0'].vehicle_no);
                $('#driver_id_pass').val(data.result['0'].id);
                $('#edit_password').modal('show');
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                alert("Status: " + textStatus);
                alert("Error: " + errorThrown);
                location.reload();
            }
        });

    }

    function deleteDriver(clicked_id) {
        var id = clicked_id;
        var driver_id = id.split("-")[1];
        if (confirm('Are you sure you want to delete this driver?')) {
            $.ajax({
                url: "{{route('deletedriver')}}",
                type: "POST",
                data: {
                    "_token": "{{ csrf_token() }}",
                    'driver_id': driver_id
                },

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

    }
</script>
@endsection