@extends('admin.layouts.master')
@section('title', 'Delivery Person')
@section('content')
    <style>
        .some-text {
            color: red;
            font-style: italic;
            font-size: 15px;
        }

        .help-block {
            color: red;
            font-size: 13px;
            font-weight: normal;
        }
    </style>

    <!-- Page Wrapper -->
    <div class="page-wrapper">
        <div class="content container-fluid">

            <!-- Page Header -->
            <div class="page-header">
                <div class="row">
                    <div class="col">
                        <h3 class="page-title">Delivery Person</h3>
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item active"> @if($data ?? '') Update @else Add @endif Person</li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- /Page Header -->

            <div class="row">

                <div class="col-md-12">
                    @include('admin.includes.msg')
                    <div class="card">

                        <div class="card-body">
                            <ul class="nav nav-tabs">
                                <li class="nav-item"><a class="nav-link active" href="#basictab1"
                                                        data-toggle="tab">General</a></li>
                            </ul>

                            <form method="POST" action="{{ route('deliveryperson.store') }}" enctype="multipart/form-data">
                                {{ csrf_field() }}
                                @if($data ?? '')
                                    <input type="hidden" name="id" value="{{ $data->id }}">
                                @endif

                                <div class="tab-content">
                                    <div class="tab-pane show active" id="basictab1">

                                        @if(Auth::user()->role==7)
                                            <input type="hidden" name="retailerId" value="{{Auth::user()->id}}">
                                        @else
                                            <div class="form-group row">
                                                <label class="col-form-label col-md-2">Retailer Name</label>
                                                <div class="col-md-8">
                                                    <select id="retailerId" class="form-control" name="retailerId">
                                                        <option value="">Select Retailer</option>
                                                        @foreach($retailer as $r)
                                                            <option value="{{ $r->id }}" @if($data ?? '') @if($r->id==$data->retailerId) selected @endif @endif >{{ $r->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endif

                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Delivery Person Name</label>
                                            <div class="col-md-8">
                                                <input id="name" class="form-control" name="name" type="text" value="@if($data ?? '') {{ $data->name }} @endif">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Image</label>
                                            <div class="col-md-6">
                                                <input class="form-control imgInp" name="image" type="file">
                                                <span style="color:red; font-style:italic;font-size:15px">Only JPG,png files are acceptable</span></br>
                                                @if(isset($data) && !empty($data->image))
                                                    <div class="banner"><img src="{{ '/thumb/'.$data->image }}" class="preview">
                                                        <button type="button" class="btn btn-sm btn-danger" onclick="delimg('deliveryperson','image',{{ $data->id }})">Remove</button>
                                                    </div> @endif
                                            </div>
                                            <div class="col-md-2">
                                                <img id="image" class="preview" src="/admin/assets/img/preview.jpg"/>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Phone No</label>
                                            <div class="col-md-8">
                                                <input id="phone" class="form-control" name="phone" type="text" value="@if($data ?? '') {{ $data->phone }} @endif">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">ID Card No</label>
                                            <div class="col-md-8">
                                                <input id="phone" class="form-control" name="idNo" type="text" value="@if($data ?? '') {{ $data->idNo }} @endif">
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Adhar No</label>
                                            <div class="col-md-8">
                                                <input id="adharNo" class="form-control" name="adharNo" type="text" data-type="adhaar-number" maxLength="19"
                                                       value="@if($data ?? '') {{ $data->adharNo }} @endif">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Driving Lisence No</label>
                                            <div class="col-md-8">
                                                <input id="lisenceNo" class="form-control" name="lisenceNo" type="text" value="@if($data ?? '') {{ $data->lisenceNo }} @endif">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Vehicle No</label>
                                            <div class="col-md-8">
                                                <input id="vehicleNo" class="form-control" name="vehicleNo" type="text" value="@if($data ?? '') {{ $data->vehicleNo }} @endif">
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Address</label>
                                            <div class="col-md-8">
                                                <textarea id="Address" class="form-control ckeditor" name="Address" cols="50"
                                                          rows="10">@if($data ?? '') {{ $data->address }} @endif</textarea>
                                            </div>
                                        </div>
                                            <div class="form-group row">
                                                <label class="col-form-label col-md-2">Email Id</label>
                                                <div class="col-md-8">
                                                    <input id="phone" class="form-control" name="email" type="text" value="@if($data ?? ''){{ $data->email }}@endif">
                                                </div>
                                            </div>
                                            @if($data ?? '')
                                                <div>
                                                    <input type="checkbox" id="forchk" onclick="showpwd()"> <label for="forchk">I want to change password</label>
                                                </div>
                                            @endif
                                            <div class="form-group row" @if($data ?? '') id="pwd" style="display:none" @endif>
                                                <label class="col-form-label col-md-2">Password</label>
                                                <div class="col-md-8">
                                                    <input id="password" class="form-control" name="password" type="password">
                                                </div>
                                            </div>

                                    </div>

                                    <div class="form-group row">
                                      
                                            <button type="submit" class="btn btn-primary">Submit</button>
                                       

                                    </div>

                            </form>


                        </div>
                    </div>

                </div>

            </div>
        </div>
        <!-- /Main Wrapper -->

    </div>
    <script>
        $(document).ready(function () {
            $('#publishDate').datepicker({
                dateFormat: 'yy-mm-dd'
            });
        });

        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                var id = $(input).attr('name');
                reader.onload = function (e) {
                    $('#' + id).attr('src', e.target.result);
                }

                reader.readAsDataURL(input.files[0]); // convert to base64 string
            }
        }

        $(".imgInp").change(function () {
            readURL(this);
        });
        function showpwd() {
            $("#pwd").toggle();
        }
    </script>
    <script>
        $('[data-type="adhaar-number"]').keyup(function () {
            var value = $(this).val();
            value = value.replace(/\D/g, "").split(/(?:([\d]{4}))/g).filter(s => s.length > 0).join("-");
            $(this).val(value);
        });

        $('[data-type="adhaar-number"]').on("change, blur", function () {
            var value = $(this).val();
            var maxLength = $(this).attr("maxLength");
            if (value.length != maxLength) {
                $(this).addClass("highlight-error");
            } else {
                $(this).removeClass("highlight-error");
            }
        });

    </script>
@endsection