@extends('backend.layout.app')
@section('title', 'Edit Label user')
@push('css')
    <link href="{{ asset('public/assets/backend/plugins/select2/css/select2.css') }}" rel="stylesheet">
    <style>
        .select2-container--default .select2-selection--single {
            height: 40px !important;
        }

        .bg_color {
            background: #00d28417;
        }

        .dropdown-item:focus,
        .dropdown-item:hover {
            background-color: #ff931e;
        }
    </style>
@endpush
@section('main_menu', 'HOME')
@section('active_menu', 'Edit Label user')
@section('link', route('admin.adminDashboard'))
@section('content')

    <form role="form" action="{{ route('admin.update_label_user',$user->id) }}" method="post">
        @csrf
        <div class="row justify-content-center">
            <div class="col-md-6">
                <div class="card card-info">
                    <div class="card-header">
                        <h3 class="card-title">User Information</h3>
                    </div>
                    <div class="card-body">
                        <div class="form-group">
                            <label for="name">Name</label>
                            <input type="text" class="form-control" id="name" placeholder="Enter name"
                                name="name" value="{{ $user->name }}">
                            @if ($errors->has('name'))
                                <span class="text-danger">{{ $errors->first('name') }}</span>
                            @endif
                        </div>
                        <div class="form-group">
                            <label for="phone">Phone</label>
                            <input type="text" pattern=".{11,11}" max="11" class="form-control" id="phone"
                                placeholder="Phone" name="phone" value="{{ $user->phone }}">
                            @if ($errors->has('phone'))
                                <span class="text-danger">{{ $errors->first('phone') }}</span>
                            @endif
                        </div>
                        <div class="form-group">
                            <label for="alter_phone">Alternative Phone(If Any)</label>
                            <input type="text" class="form-control" id="alter_phone" placeholder="Alternative Phone"
                                name="alter_phone" value="{{ $user->alter_phone }}">
                            @if ($errors->has('alter_phone'))
                                <span class="text-danger">{{ $errors->first('alter_phone') }}</span>
                            @endif
                        </div>
                        <div class="form-group">
                            <label for="email">Email</label>
                            <input type="email" class="form-control" id="email" placeholder="Email" name="email"
                                value="{{ $user->email }}">
                            @if ($errors->has('email'))
                                <span class="text-danger">{{ $user->email }}</span>
                            @endif
                        </div>
                        <div class="form-group">
                            <label for="par_add">Present Address</label>
                            <input type="text" class="form-control" id="par_add" placeholder="Present Address"
                                name="par_add" value="{{ $user->address }}">
                            @if ($errors->has('par_add'))
                                <span class="text-danger">{{ $errors->first('par_add') }}</span>
                            @endif
                        </div>
                        <div class="form-group">
                            <label for="nid">NID</label>
                            <input type="text" class="form-control" id="nid" placeholder="NID" name="nid"
                                value="{{ $user->nid }}">
                            @if ($errors->has('nid'))
                                <span class="text-danger">{{ $user->nid }}</span>
                            @endif
                        </div>
                        <div class="form-group">
                            <label>Select User Type</label>
                            <select class="form-control select2" name="user_type">
                                <option value="1" {{ $user->type == 1 ? 'selected' : '' }}>Individual</option>
                                <option value="2" {{ $user->type == 2 ? 'selected' : '' }}>Corporate</option>
                            </select>
                        </div>
                    </div>
                </div>
                <button type="submit" class="btn btn-success btn-block">Update label user</button>
            </div>
        </div>
    </form>


@endsection
@push('js')
    <script src="{{ asset('public/assets/backend/plugins/select2/js/select2.js') }}"></script>
    <script>
        $('.select2').select2();

        function check_date() {
            var picked_date = new Date(document.getElementById('due_date').value);
            picked_date = new Date(picked_date.getFullYear(), picked_date.getMonth(), 1);
            var dd = String(picked_date.getDate()).padStart(2, '0');
            var mm = String(picked_date.getMonth() - 1).padStart(2, '0'); //January is 0!
            var yyyy = picked_date.getFullYear();
            picked_date = yyyy + '-' + mm + '-' + dd;

            var today = new Date();
            var today = new Date(today.getFullYear(), today.getMonth(), 1);
            var dd = String(today.getDate()).padStart(2, '0');
            var mm = String(today.getMonth() - 1).padStart(2, '0'); //January is 0!
            var yyyy = today.getFullYear();
            today = yyyy + '-' + mm + '-' + dd;


            if (today < picked_date) {
                document.getElementById('hidden_part').style.display = "block";
            } else {
                document.getElementById('hidden_part').style.display = "none";
            }
        }

        $('#lebel').change(function() {
            if ($(this).val() !== "actual_user") {
                $('#car_info_card').hide();
            } else {
                $('#car_info_card').show();
            }
        });
    </script>
@endpush