@extends('dashboard.base')

@section('content')
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<div class="container-fluid">
    <div class="animated fadeIn">
        <div class="row">
            <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="card">
                    <div class="card-header">
                        <h4>View Institute</h4>
                    </div>
                    <div class="card-body">

                        <form id="editInstituteForm" name="editInstituteForm"
                            action="{{ env('APP_URL', '')}}/update-institute/{{ $user->id }}" method="post"
                            enctype="multipart/form-data">
                            @csrf

                            <div class="form-group row ">
                                <div class="col-sm-6 required">
                                    <!--  <label class="control-label">Child Firstname</label> -->
                                    <input type="text" autocomplete="off" class="form-control"
                                        value='' name="institute_name"
                                        placeholder="Name" readonly>
                                </div>

                                <div class="col-sm-6 required">
                                    <!-- <label class="control-label">Child Lastname</label> -->
                                    <input type="text" class="form-control"
                                        value='' name="institute_email"
                                        placeholder="Email" readonly>
                                </div>

                            </div>
                            <div class="form-group row" id="mini_div">
                                <div class="col-sm-6">
                                    <!--   <label class="control-label">Parent Email Address</label> -->
                                    <input type="text" class="form-control" autocomplete="off" name="institute_contact"
                                        placeholder="Contact no." value='' readonly>
                                </div>
                                <div class="col-sm-6">
                                    <!--    <label class="control-label">Child Email Address</label> -->
                                    <input type="text" class="form-control" autocomplete="off" id="admin" name="admin"
                                        placeholder="Admin" value='' readonly>
                                </div>
                            </div>
                            <div class="form-group row" id="mini_div">
                                <div class="col-sm-6">
                                    <!--   <label class="control-label">Parent Email Address</label> -->
                                    <!-- <input type="password" class="form-control" autocomplete="off" id="password"
                                        name="password" placeholder="Password" value=''> -->
                                    <input type="text" class="form-control" autocomplete="off" id="domain" name="domain"
                                        value='' readonly>
                                </div>
                                <div class="col-sm-6">
                                    <div style="display: flex;flex-direction: column;">
                                        <label class="control-label">Logo</label>
                                        <img src="{{ env('ASSET_URL', '')}}/public/" alt="logo"
                                            style="width: 100px;">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row" id="mini_div">
                                <div class="col-sm-6">
                                    <div style="display: flex;flex-direction: column;">
                                        <label class="control-label">Splash Logo</label>
                                        <img src="{{ env('ASSET_URL', '')}}/public/"
                                            alt="splash logo" style="width: 100px;">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <input type="color" id="colorpicker" name="color"
                                        pattern="^#+([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$"
                                        value='' readonly>

                                    <input type="text" pattern="^#+([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$" id="hexcolor"
                                        name="color" value='' readonly>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-sm-6">
                                    <label for="institute_type">Select type of institute:</label>

                                    <!-- <select name="institute_type" id="institute" class="form-control">
                                        <option value="">
                                            </option>


                                    </select> -->
                                    <p> </p>
                                </div>

                                <div class="col-sm-6">
                                    <label for="subscription_type">Select type of subscription:</label>

                                    <!-- <select name="subscription_type" id="subscription" class="form-control">
                                        <option value="">
                                            </option>
                                            </select> -->
                                            <p></p>

                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-sm-6">
                                    <!-- <input type="text" class="form-control" autocomplete="off" id="domain" name="domain"
                                        value=''> -->
                                </div>
                            </div>
                            <a href="{{route('index')}}" class="btn btn-primary">Back</a>

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('javascript')

@endsection