@extends('staff.layouts.app')
@push('style')
    <link rel="stylesheet" href="//cdn.datatables.net/1.13.1/css/jquery.dataTables.min.css">
@endpush
@section('content')
    <section class="section dashboard">
        <div class="row ">
            <div class="line-hdr">
                <h4 class="prsnl-prfl-heading">Personal Profile update</h4>
            </div>
            <div class="prsnl-prfl-updt">
                <div class="log-in-right ">
                    <form  action="{{ route('staff.profile.post') }}">
                        @csrf
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-12 mb-4">
                                <label class="form-label mb-3">Enter Name</label>
                                <input type="text" class="form-control" id="first_name" name="first_name" aria-describedby="emailHelp"
                                    value="{{ $staffDetails->first_name ??'' }}">
                            </div>
                            <div class="col-lg-6 col-md-6 col-12 mb-4">
                                <label class="form-label mb-3">Enter Phone</label>
                                <input type="text" class="form-control" id="phone_no"  name="phone_no" aria-describedby="emailHelp"
                                value="{{ $staffDetails->mobile_number  ??'' }}">
                            </div>
                            <div class="col-lg-6 col-md-6 col-12 mb-4">
                                <label for="exampleInputEmail1" class="form-label mb-3">Enter your Email id </label>
                                <input type="email" class="form-control" id="email" name="email"
                                    aria-describedby="emailHelp" value="{{ $staffDetails->email  ??'' }}">
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="custom-pass">
                                    <label for="exampleInputPassword" class="form-label mb-3">Enter your Password </label>
                                    <input id="password-field2" type="password" class="form-control" id="password" name="password"
                                        value="123456">
                                    <button id="eyepp" type="button">
                                        <i class="fas fa-eye-slash"></i>
                                    </button>
                                </div>
                            </div>

                            <div class="col-lg-6 col-12 mt-5">
                                <button type="submit" class="btn btn-primary ">UPDATE</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection
@push('scripts')
@endpush