@extends('admin.admin')


@section('title', $typebien->exists ? 'Editer un type de bien' : 'Créer un type de bien')


@section('content')

    <div class="myd">
        <!-- Modal- A Revoir -->
        <div class="sign_up_modal modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    </div>
                    <div class="modal-body container pb20">
                        <div class="row">
                            <div class="col-lg-12">
                                <ul class="sign_up_tab nav nav-tabs" id="myTab" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Login</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Register</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="tab-content container" id="myTabContent">
                            <div class="row mt25 tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                                <div class="col-lg-6 col-xl-6">
                                    <div class="login_thumb">
                                        <img class="img-fluid w100" src="images/resource/login.jpg" alt="login.jpg">
                                    </div>
                                </div>
                                <div class="col-lg-6 col-xl-6">
                                    <div class="login_form">
                                        <form action="#">
                                            <div class="heading">
                                                <h4>Login</h4>
                                            </div>
                                            <div class="row mt25">
                                                <div class="col-lg-12">
                                                    <button type="submit" class="btn btn-fb btn-block"><i class="fa fa-facebook float-left mt5"></i> Login with Facebook</button>
                                                </div>
                                                <div class="col-lg-12">
                                                    <button type="submit" class="btn btn-googl btn-block"><i class="fa fa-google float-left mt5"></i> Login with Google</button>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="input-group mb-2 mr-sm-2">
                                                <input type="text" class="form-control" id="inlineFormInputGroupUsername2" placeholder="User Name Or Email">
                                                <div class="input-group-prepend">
                                                    <div class="input-group-text"><i class="flaticon-user"></i></div>
                                                </div>
                                            </div>
                                            <div class="input-group form-group">
                                                <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
                                                <div class="input-group-prepend">
                                                    <div class="input-group-text"><i class="flaticon-password"></i></div>
                                                </div>
                                            </div>
                                            <div class="form-group custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="exampleCheck1">
                                                <label class="custom-control-label" for="exampleCheck1">Remember me</label>
                                                <a class="btn-fpswd float-right" href="#">Lost your password?</a>
                                            </div>
                                            <button type="submit" class="btn btn-log btn-block btn-thm">Log In</button>
                                            <p class="text-center">Don't have an account? <a class="text-thm" href="#">Register</a></p>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt25 tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                                <div class="col-lg-6 col-xl-6">
                                    <div class="regstr_thumb">
                                        <img class="img-fluid w100" src="images/resource/regstr.jpg" alt="regstr.jpg">
                                    </div>
                                </div>
                                <div class="col-lg-6 col-xl-6">
                                    <div class="sign_up_form">
                                        <div class="heading">
                                            <h4>Register</h4>
                                        </div>
                                        <form action="#">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <button type="submit" class="btn btn-block btn-fb"><i class="fa fa-facebook float-left mt5"></i> Login with Facebook</button>
                                                </div>
                                                <div class="col-lg-12">
                                                    <button type="submit" class="btn btn-block btn-googl"><i class="fa fa-google float-left mt5"></i> Login with Google</button>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="form-group input-group">
                                                <input type="text" class="form-control" id="exampleInputName" placeholder="User Name">
                                                <div class="input-group-prepend">
                                                    <div class="input-group-text"><i class="flaticon-user"></i></div>
                                                </div>
                                            </div>
                                            <div class="form-group input-group">
                                                <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Email">
                                                <div class="input-group-prepend">
                                                    <div class="input-group-text"><i class="fa fa-envelope-o"></i></div>
                                                </div>
                                            </div>
                                            <div class="form-group input-group">
                                                <input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password">
                                                <div class="input-group-prepend">
                                                    <div class="input-group-text"><i class="flaticon-password"></i></div>
                                                </div>
                                            </div>
                                            <div class="form-group input-group">
                                                <input type="password" class="form-control" id="exampleInputPassword3" placeholder="Re-enter password">
                                                <div class="input-group-prepend">
                                                    <div class="input-group-text"><i class="flaticon-password"></i></div>
                                                </div>
                                            </div>
                                            <div class="form-group ui_kit_select_search mb0">
                                                <select class="selectpicker" data-live-search="true" data-width="100%">
                                                    <option data-tokens="SelectRole">Single User</option>
                                                    <option data-tokens="Agent/Agency">Agent</option>
                                                    <option data-tokens="SingleUser">Multi User</option>
                                                </select>
                                            </div>
                                            <div class="form-group custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="exampleCheck2">
                                                <label class="custom-control-label" for="exampleCheck2">I have read and accept the Terms and Privacy Policy?</label>
                                            </div>
                                            <button type="submit" class="btn btn-log btn-block btn-thm">Sign Up</button>
                                            <p class="text-center">Already have an account? <a class="text-thm" href="#">Log In</a></p>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Main Header Nav For Mobile -->
        <div id="page" class="stylehome1 h0">
            <div class="mobile-menu">
                <div class="header stylehome1">
                    <div class="d-flex justify-content-between">
                        <a class="mobile-menu-trigger" href="#menu"><img src="images/dark-nav-icon.svg" alt=""></a>
                        <a class="nav_logo_img" href="index.html"><img class="img-fluid mt20" src="images/header-logo2.png" alt="header-logo2.png"></a>
                        <a class="mobile-menu-reg-link" href="page-register.html"><span class="flaticon-user"></span></a>
                    </div>
                </div>
            </div><!-- /.mobile-menu -->
            <nav id="menu" class="stylehome1">
                <ul>
                    <li><span>Home</span>
                        <ul>
                            <li><a href="index.html">Home 1</a></li>
                            <li><a href="index2.html">Home 2</a></li>
                            <li><a href="index3.html">Home 3</a></li>
                            <li><a href="index4.html">Home 4</a></li>
                            <li><a href="index5.html">Home 5</a></li>
                            <li><a href="index6.html">Home 6</a></li>
                            <li><a href="index7.html">Home 7</a></li>
                            <li><a href="index8.html">Home 8</a></li>
                            <li><a href="index9.html">Home 9</a></li>
                            <li><a href="index10.html">Home 10</a></li>
                        </ul>
                    </li>
                    <li><span>Listing</span>
                        <ul>
                            <li><span>Listing Grid</span>
                                <ul>
                                    <li><a href="page-listing-grid-v1.html">Grid v1</a></li>
                                    <li><a href="page-listing-grid-v2.html">Grid v2</a></li>
                                    <li><a href="page-listing-grid-v3.html">Grid v3</a></li>
                                    <li><a href="page-listing-grid-v4.html">Grid v4</a></li>
                                    <li><a href="page-listing-grid-v5.html">Grid v5</a></li>
                                    <li><a href="page-listing-full-width-grid.html">Grid Fullwidth</a></li>
                                </ul>
                            </li>
                            <li><span>Listing Style</span>
                                <ul>
                                    <li><a href="page-listing-parallax.html">Parallax Style</a></li>
                                    <li><a href="page-listing-slider.html">Slider Style</a></li>
                                    <li><a href="page-listing-map.html">Map Header</a></li>
                                </ul>
                            </li>
                            <li><span>Listing Half</span>
                                <ul>
                                    <li><a href="page-listing-half-map-v1.html">Map V1</a></li>
                                    <li><a href="page-listing-half-map-v2.html">Map V2</a></li>
                                    <li><a href="page-listing-half-map-v3.html">Map V3</a></li>
                                    <li><a href="page-listing-half-map-v4.html">Map V4</a></li>
                                </ul>
                            </li>
                            <li><span>Agent View</span>
                                <ul>
                                    <li><a href="page-listing-agent-v1.html">Agent V1</a></li>
                                    <li><a href="page-listing-agent-v2.html">Agent V2</a></li>
                                    <li><a href="page-listing-agent-v3.html">Agent Details</a></li>
                                </ul>
                            </li>
                            <li><span>Agencies View</span>
                                <ul>
                                    <li><a href="page-agencies-list-v1.html">Agencies V1</a></li>
                                    <li><a href="page-agencies-list-v2.html">Agencies V2</a></li>
                                    <li><a href="page-agencies-list-v3.html">Agencies Details</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><span>Property</span>
                        <ul>
                            <li><span>Property</span>
                                <ul>
                                    <li><a href="page-dashboard.html">Dashboard</a></li>
                                    <li><a href="page-my-properties.html">My Properties</a></li>
                                    <li><a href="page-add-new-property.html">Add New Property</a></li>
                                </ul>
                            </li>
                            <li><span>Listing Single</span>
                                <ul>
                                    <li><a href="page-listing-single-v1.html">Single V1</a></li>
                                    <li><a href="page-listing-single-v2.html">Single V2</a></li>
                                    <li><a href="page-listing-single-v3.html">Single V3</a></li>
                                    <li><a href="page-listing-single-v4.html">Single V4</a></li>
                                    <li><a href="page-listing-single-v5.html">Single V5</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><span>Blog</span>
                        <ul>
                            <li><a href="page-blog-v1.html">Blog List 1</a></li>
                            <li><a href="page-blog-grid.html">Blog List 2</a></li>
                            <li><a href="page-blog-single.html">Single Post</a></li>
                        </ul>
                    </li>
                    <li><span>Pages</span>
                        <ul>
                            <li><span>Shop</span>
                                <ul>
                                    <li><a href="page-shop.html">Shop</a></li>
                                    <li><a href="page-shop-single.html">Shop Single</a></li>
                                    <li><a href="page-shop-cart.html">Cart</a></li>
                                    <li><a href="page-shop-checkout.html">Checkout</a></li>
                                    <li><a href="page-shop-order.html">Order</a></li>
                                </ul>
                            </li>
                            <li><a href="page-about.html">About Us</a></li>
                            <li><a href="page-gallery.html">Gallery</a></li>
                            <li><a href="page-faq.html">Faq</a></li>
                            <li><a href="page-login.html">LogIn</a></li>
                            <li><a href="page-compare.html">Membership</a></li>
                            <li><a href="page-compare2.html">Membership 2</a></li>
                            <li><a href="page-register.html">Register</a></li>
                            <li><a href="page-service.html">Service</a></li>
                            <li><a href="page-error.html">404 Page</a></li>
                            <li><a href="page-terms.html">Terms and Conditions</a></li>
                            <li><a href="page-ui-element.html">UI Elements</a></li>
                        </ul>
                    </li>
                    <li><a href="page-contact.html">Contact</a></li>
                    <li><a href="page-login.html"><span class="flaticon-user"></span> Login</a></li>
                    <li><a href="page-register.html"><span class="flaticon-edit"></span> Register</a></li>
                    <li class="cl_btn"><a class="btn btn-block btn-lg btn-thm circle" href="#"><span class="flaticon-plus"></span> Create Listing</a></li>
                </ul>
            </nav>
        </div>

        <!-- Listing Grid View -->
        <section class="our-listing bgc-f7 pb30-991">
            <div class="container-fluid">
                
                <div class="row">
                    <div class="col-md-8 col-lg-6">
                        <div class="breadcrumb_content style2">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{route('admin.page.dashboard')}}">Tableau de Bord</a> / <a href="{{route('admin.typebien.index')}}">Tous les Types de Bien</a></li>
                                <li class="breadcrumb-item active text-thm" aria-current="page">@yield('title')</li>
                            </ol>
                            <h2 class="breadcrumb_title">@yield('title')</h2>
                        </div>
                    </div>
                </div>

                <div class="row mt-25">

                    <form action="{{ route($typebien->exists ? 'admin.caracteristique.update' : 'admin.caracteristique.store', $typebien) }}" method="POST">
                        @csrf
                        @method($typebien->exists ? 'put' : 'post')

                        <div class="col-lg-12">
                            <div class="my_dashboard_review">
                                <div class="row">
                                    <div class="col-lg-12">
                                        @include('admin.shared.input', ['name'=>'libelle', 'value'=>$typebien->libelle, 'class'=>'my_profile_setting_input'])
                                    </div>
                                    <div class="col-xl-12">
                                        <div class="my_profile_setting_input">
                                            <button type="submit" class="btn btn2 float-right">
                                                @if ($typebien->exists)
                                                    Modifier
                                                @else
                                                    Créer
                                                @endif
                                            </button>
                                        </div>
                                    </div>

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

                    </form>

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

    

@endsection