@extends('layouts.layout')

@section('content')

    <div class="box" style="width: 60%;margin: 0px auto">
        <div class="box-header">
            <h3 class="box-title"><b>Add incident for driver :{{$driver->name}}</b></h3>
        </div>
        <!-- /.box-header -->
        <div class="box-body">

            <form role="form" method="post" action="/drivers/{{$driver->id}}/add-incident">
                @csrf
                <input type="hidden" name="driver_id" value="{{$driver->id}}">
                <div class="box-body">
                    <div class="form-group">
                        <label for="incident_type">Incident type</label>
                        <select name="type" class="form-control" id="incident_type">
                            <option value="refused">Refused</option>
                            <option value="canceled">Canceled</option>
                        </select>
                        
                    </div>
                    <div class="form-group">
                        <label for="date">Date</label>
                        <input type="date"  name="date" class="form-control" id="date" placeholder="Enter date">
                    </div>


                </div>
                <!-- /.box-body -->

                <div class="box-footer">
                    <button type="submit" class="btn btn-success">Create</button>
                    <a href="/drivers" class="btn btn-danger">Cancel</a>
                </div>
            </form>
        </div>
    </div>

@endsection