@extends('layout.app')
@section('contents')
    <div class="breadcrumb-section">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <div class="page-title">
                        <h2>Edit Board</h2>
                    </div>
                </div>
                <div class="col-sm-6">
                    <nav aria-label="breadcrumb" class="theme-breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item active" aria-current="page"> <a href="{{route('homepage')}}">Home</a></li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- breadcrumb End -->


    <!--section start-->
    <section class="register-page section-b-space">
        <div class="container">
            <div class="offset-md-3">
                <div class="row">
                    <div class="col-md-8">
                        <h4>Edit Your Pin Board</h4>
                        <div class="theme-card" style="border-color: white">
                            <form class="theme-form" action="{{route('user.final-edit-board', ["board_id" => $board->id])}}" method="post">
                                @csrf
                                <div class="col-md-12">
                                    <label for="nickname">New Board Name</label>
                                    <input name="name" type="text" value="{{$board->name}}" class="form-control" id="fname" placeholder="Your Pin Board Name Here"
                                           required="">
                                </div>
                                <div class="col-md-12 row">
                                    <div class="col-md-6">
                                        <button type="submit" style="padding: 10px 22px; width:192px; margin-bottom: 10px;" class=" btn btn-outline-success"><span class="text-lowercase">Edit Board</span></button>
                                    </div>
                                    {{--<div class="col-md-6">
                                        <a href="#" style="padding: 10px 22px; width:192px; margin-bottom: 10px;" class=" btn btn-outline-danger"><span class="text-lowercase">Delete Board</span></a>
                                    </div>--}}
                                </div>
                            </form>
                            <div class="col-md-12 form-group mt-3 ">
                                <span class="text-muted text-lowercase" style="font-size: 12px;">Some Suggestions Include:</span><br><br>
                                <span class="text-muted text-lowercase" style="font-size: 12px;">1) Alemsco</span><br><br>
                                <span class="text-muted text-lowercase" style="font-size: 12px;">2) Tolaman</span><br><br>
                            </div>
                            <p class="text-center mt-3"> <span style="font-size: 10px;"> We respect your privacy. We will Never sell, rent or share your email address</span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection