@extends('layouts.master')
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">

        <div class="card">
            <h5 class="card-header" style="color:rgb(255, 255, 255);">Add Face</h5>
            <div class="table-responsive text-nowrap">
            <form action="{{ route('faces.add.post') }}" method="POST" enctype="multipart/form-data">
                    @csrf

                 <input type="hidden" value="{{ $camera_id }}" name="camera_id">

                    <div class="row" style="margin: 10px;">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Upload Face</label>
                                <input type="file" value=""
                                    placeholder="Upload face" required
                                    class="form-control" name="face_image" />

                            </div>
                        </div>
                    </div>

                    <div class="row" style="margin: 50px;display: block;text-align: center;;">
                    <a href="{{route('faces.all')}}" style="width:150px;" type="submit" class="btn btn-dark"> View all faces <a>
                        <input style="width:150px;" type="submit" value="Submit" class="btn btn-primary" />
                    </div>

                </form>

            </div>

        </div>


        <div class="row" style=" text-align: center; display: block; margin-top: 100px; margin-bottom: 65px; ">
        </div>


    </div>
    </div>
    </div>
@endSection