@extends('layouts.app')

@section('content')
<!-- Container-fluid starts-->
<div class="container-fluid">
    <div class="page-title">
        <div class="row">
            <div class="col-8">
                <h3>Enroll Doctor</h3>
            </div>
            <div class="col-4"> 
                <a href="{{ url('home') }}" class="btn btn-secondary pull-right"><i class="fa fa-arrow-left"></i></a>
            </div>
        </div>
    </div>
</div> 

<div class="container default-dashboard"> 
    <div class="row">
        <div class="col-xl-12 box-col-12 proorder-md-1">
            <div class="card">
                <div class="card-header pb-0">
                @if ($errors->any())
                      <!--<div class="alert alert-danger">
                          <ul>
                              @foreach ($errors->all() as $error)
                                  <li>{{ $error }}</li>
                              @endforeach
                          </ul>
                      </div>-->
                  @endif
                    <p class="f-m-light mt-1">
                       Kindly Enter the doctor's mobile no.
                    </p>
                </div>
                <div class="card-body">
                    <form class="row g-3 needs-validation custom-input" action="{{ route('enroll.doctor') }}" method="POST" novalidate="">
                        @csrf 
                        <input type="hidden" name="doctorid" value="{{$doctor->id}}">
                        <div class="col-md-6 position-relative">
                            <label class="form-label" for="doctorname">Doctor Name </label>
                            <p>{{$doctor->doctorname}}</p>
                        </div>

                        <div class="col-md-6 position-relative">
                            <label class="form-label" for="mslno">Doctor Code</label>
                            <p>{{$doctor->doctorcode}}</p>
                        </div>

                        <div class="col-md-6 position-relative">
                            <label class="form-label" for="gender">Mobile No *</label>
                            <input type="number" name="mobileno" class="form-control" value=""  required="">
                            
                            @error('mobileno')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>

                        

                        <div class="col-12">
                            <button class="btn btn-primary" type="submit">Enroll</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Container-fluid Ends-->
@endsection