@extends('layouts.rider')
 
@section('title', 'Rider Dashboard')
 

@section('content')
<div class="page-content">
                    <div class="container-fluid">
                        
                        <!-- start page title -->
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                                    <h4 class="mb-sm-0">Rider Profile</h4>

                                    <div class="page-title-right">
                                        <ol class="breadcrumb m-0">
                                            <li class="breadcrumb-item"><a href="javascript: void(0);">ShieldRide-Rider</a></li>
                                            <li class="breadcrumb-item active">Profile</li>
                                        </ol>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <!-- end page title -->



                        <div class="row">
                           
                        <div class="col-xl-11">
                                <div class="card">
                                    <div class="card-body">
        
                                        <h4 class="card-title">Your Profile</h4>
                                        
                                        <form action="{{ route('priderprofilesettings') }}" method="POST" enctype="multipart/form-data">    
                                                    @csrf 
        
                                        <div class="row">
                                            <div class="col-5">
                                                <label>Full Name</label>
                                                <div>
                                                    <input type="text" name="name" value="{{$rider->name}}" class="form-control" placeholder=""/>
                                                </div>
                                            </div>
                                            <div class="col-5">
                                                <label>Email Address</label>
                                                <div>
                                                    <input type="text" name="email" value="{{$rider->email}}" class="form-control" placeholder=""/>
                                                </div>
                                            </div>

                                        </div>
                                        <br>
                                        <div class="row">
                                            <div class="col-5">
                                                <label>Mobile Number</label>
                                                <div>
                                                    <input type="text" class="form-control" value="{{$rider->mobile_no}}" name="mobile_no"  placeholder=""/>
                                                </div>
                                            </div>

                                            <div class="col-5">
                                                <label>Contact Address</label>
                                                <div>
                                                    <input type="text" class="form-control" value="{{$rider->address}}" name="address"  placeholder=""/>
                                                </div>
                                            </div>
                                        </div>
                                        <br>
                                        
                                           
                                            <div class="col-5">
                                                <label for="formFile" class="form-label">Picture</label>
                                                    <input class="form-control" type="file" name="picture" id="picture">
                                            </div>
        <br>
                                            <div class="mb-2">
                                                <div>
                                                    <button type="submit" class="btn btn-danger waves-effect waves-light me-1">
                                                        Update
                                                    </button>
                                                   
                                                </div>
                                            </div>
                                        </form>
        
                                    </div>
                                </div>
                            </div> <!-- end col -->
                        </div><!-- end row -->

  
    
                       
                        <!-- end row -->
                    </div>
                    

@endsection