@extends('admin.layout.master')
@section('content')
<style>
    .form-control:disabled,
    .form-control[readonly] {
        background-color: #ffffff;
        opacity: 1;
    }

    #business {

        background: #6777ef !important;
        height: 100px;
        color: #fff;


    }

    .accordion .accordion-header {
        background-color: #f9f9f9;
        border-radius: 90px;
        cursor: pointer;
        transition: all 0.5s;
        /* width: 89%; */
    }

    .accordion {
        display: inline-block;
        width: 94%;
        margin-bottom: 10px;
        padding: 1px 5px 5px 13px;
    }
</style>
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4>New Company</h4>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-12 col-sm-12 col-md-3">
                        <ul class="contact-list">
                            <li class="nav-item">
                                <a class="nav-link bg-success text-white " id="all" href="javascript:void(0);" data-type="contact-item">
                                    <i class="fas fa-edit mr-2"></i> All Tasks
                                </a>

                            </li>
                            <div class="nav-item align-contect-center mt-2">
                                <div id="accordion">
                                    <div class="accordion">
                                        <div class="accordion-header    collapsed" role="button" data-toggle="collapse" data-target="#panel-body-1" aria-expanded="false">
                                            <h4>Setup <i class="fa fa-chevron-down float-right float-right"></i></h4>

                                        </div>
                                        <div class="accordion-body collapse" id="panel-body-1" data-parent="#accordion" style="">
                                            <a href="" class="nav-link">Basic Information</a>
                                            <a class="nav-link">Financial Setup</a>
                                            <a class="nav-link">Company Logo</a>
                                        </div>
                                    </div>
                                    <div class="accordion">
                                        <div class="accordion-header" role="button" data-toggle="collapse" data-target="#panel-body-2">
                                            <h4>Bussiness Idea <i class="fa fa-chevron-down float-right "></i></h4>
                                        </div>
                                        <div class="accordion-body collapse" id="panel-body-2" data-parent="#accordion">
                                            <a href="" class="nav-link">Bussiness Information</a>
                                            <a href="" class="nav-link">Owner Information</a>
                                            <a href="" class="nav-link">Past Performance</a>
                                            <a href="" class="nav-link">Business Idea Text</a>
                                        </div>
                                    </div>
                                    <div class="accordion">
                                        <div class="accordion-header" role="button" data-toggle="collapse" data-target="#panel-body-3">
                                            <h4>Product & Sales <i class="fa fa-chevron-down float-right "></i></h4>
                                        </div>
                                        <div class="accordion-body collapse" id="panel-body-3" data-parent="#accordion">
                                            <a href="" class="nav-link">Product Sales & Inventory</a>
                                            <a href="" class="nav-link">Product & Sales Text</a>
                                            <a href="" class="nav-link">Industry Text</a>
                                        </div>
                                    </div>
                                    <div class="accordion">
                                        <div class="accordion-header" role="button" data-toggle="collapse" data-target="#panel-body-3">
                                            <h4>Marketing <i class="fa fa-chevron-down float-right"></i></h4>
                                        </div>
                                        <div class="accordion-body collapse" id="panel-body-3" data-parent="#accordion">
                                            <a href="" class="nav-link">Marketing Expenses</a>
                                            <a href="" class="nav-link">Product & Sales Text</a>
                                            <a href="" class="nav-link">mMarketing Text</a>
                                        </div>
                                    </div>
                                    <div class="accordion">
                                        <div class="accordion-header" role="button" data-toggle="collapse" data-target="#panel-body-4">
                                            <h4>personal <i class="fa fa-chevron-down float-right "></i></h4>
                                        </div>
                                        <div class="accordion-body collapse" id="panel-body-4" data-parent="#accordion">
                                            <a href="" class="nav-link">Management Team</a>
                                            <a href="" class="nav-link">PayRoll</a>
                                            <a href="" class="nav-link">Perosnal Text</a>
                                        </div>
                                    </div>
                                    <div class="accordion">
                                        <div class="accordion-header" role="button" data-toggle="collapse" data-target="#panel-body-5">
                                            <h4>Financal Information <i class="fa fa-chevron-down float-right "></i></h4>
                                        </div>
                                        <div class="accordion-body collapse" id="panel-body-5" data-parent="#accordion">
                                            <a href="" class="nav-link">Expenses</a>
                                            <a href="" class="nav-link">Owners Contribution & Draws</a>
                                            <a href="" class="nav-link">Investors</a>
                                            <a href="" class="nav-link">Other Income</a>
                                            <a href="" class="nav-link">Other Income</a>
                                            <a href="" class="nav-link">Other Assets</a>
                                            <a href="" class="nav-link">Financial Information Text</a>
                                        </div>
                                    </div>
                                    <div class="accordion">
                                        <div class="accordion-header bg-dark" role="button" data-toggle="collapse" data-target="#panel-body-6">
                                            <h4 class="py-3 d-flex justify-content-around text-white"><i class="fa fa-files-o"></i> View Reports <i class="fa fa-chevron-down float-right "></i></h4>
                                        </div>
                                        <div class="accordion-body collapse" id="panel-body-6" data-parent="#accordion">
                                            <a href="" class="nav-link">Financal Foracast</a>
                                        </div>
                                    </div>
                                    <div class="accordion">
                                        <div class="accordion-header  bg-dark" role="button" data-toggle="collapse" data-target="#panel-body-7">
                                            <h4 class="py-3 d-flex justify-content-between text-white"><i class="fa  fa-file"></i> View Your Plan <i class="fa fa-chevron-down float-right "></i></h4>
                                        </div>
                                        <div class="accordion-body collapse" id="panel-body-7" data-parent="#accordion">
                                            <a href="" class="nav-link">Download PDF</a>
                                        </div>
                                    </div>

                                </div>



                        </ul>
                    </div>
                    <div class="col-12 col-sm-12 col-md-5">
                        <div class="tab-content no-padding" id="myTab2Content">
                            <div class="tab-pane fade show active" id="home4" role="tabpanel" aria-labelledby="home-tab4">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h2>Basic Information</h2>
                                        <p>To get started add your Company's basic information</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <form method="post" action="{{route('user.companyinfo.process')}}">
                                            {{-- @if(session('success'))
                                                <div class="alert alert-success">{{session('success')}}
                                    </div>
                                    @endif --}}
                                    @csrf
                                    <div class="form-group">
                                        <h6>Company Name</h6>
                                        <input type="text" name="company_name" class="form-control" value="@if(!empty($company_info)){{$company_info->company_name}}@endif" required>
                                        <span class="text-danger">{{$errors->first('company_name')}}</span>
                                    </div>
                                    <div class="form-group">
                                        <h6>Company Address</h6>
                                        <input type="text" name="company_address" class="form-control" value="@if(!empty($company_info)){{$company_info->company_address}}@endif" required>
                                        <span class="text-danger">{{$errors->first('company_address')}}</span>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <h6>City</h6>
                                                <input type="text" name="city" class="form-control" value="@if(!empty($company_info)){{$company_info->city}}@endif" required>
                                                <span class="text-danger">{{$errors->first('city')}}</span>
                                            </div>

                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <h6>State/Province</h6>
                                                <input type="text" name="state" class="form-control" value="@if(!empty($company_info)){{$company_info->state}}@endif" required>
                                                <span class="text-danger">{{$errors->first('state')}}</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <h6>Zip Code/Postal Code</h6>
                                                <input type="number" name="zipcode" class="form-control" placeholder="Enter ZipCode" value="@if(!empty($company_info)){{$company_info->zipcode}}@endif" required>
                                                <span class="text-danger">{{$errors->first('zipcode')}}</span>
                                            </div>

                                        </div>
                                        <div class="col-md-6 ">
                                            <div class="form-group mt-4">
                                                <input type="number" class="form-control" name="postal_code" placeholder="Enter Postal Code" value="@if(!empty($company_info)){{$company_info->postal_code}}@endif" required>
                                                <span class="text-danger">{{$errors->first('postal_code')}}</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <h6>Telephone</h6>
                                        <input type="number" class="form-control" name="phone_number" placeholder="Enter Telephone" value="@if(!empty($company_info)){{$company_info->phone_number}}@endif" required>
                                        <span class="text-danger">{{$errors->first('phone_number')}}</span>
                                    </div>
                                    <div class="form-group">
                                        <h6>Email</h6>
                                        <input type="email" class="form-control" name="email" placeholder="Enter Email" value="@if(!empty($company_info)){{$company_info->email}}@endif" required>
                                        <span class="text-danger">{{$errors->first('email')}}</span>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6"><Button type="submit" class="btn btn-success">Save</Button></div>

                                        <div class="col-md-6 text-right"><a href="" class="btn btn-primary">Next</a></div>
                                    </div>
                                    </form>

                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="profile4" role="tabpanel" aria-labelledby="profile-tab4">
                            Sed sed metus vel lacus hendrerit tempus. Sed efficitur velit tortor, ac efficitur est
                            lobortis quis. Nullam lacinia metus erat, sed fermentum justo rutrum ultrices. Proin
                            quis
                            iaculis tellus. Etiam ac vehicula eros, pharetra consectetur dui. Aliquam convallis
                            neque
                            eget tellus efficitur, eget maximus massa imperdiet. Morbi a mattis velit. Donec
                            hendrerit
                            venenatis justo, eget scelerisque tellus pharetra a.
                        </div>
                        <div class="tab-pane fade" id="contact4" role="tabpanel" aria-labelledby="contact-tab4">
                            Vestibulum imperdiet odio sed neque ultricies, ut dapibus mi maximus. Proin ligula
                            massa,
                            gravida in lacinia efficitur, hendrerit eget mauris. Pellentesque fermentum, sem
                            interdum
                            molestie finibus, nulla diam varius leo, nec varius lectus elit id dolor. Nam malesuada
                            orci
                            non ornare vulputate. Ut ut sollicitudin magna. Vestibulum eget ligula ut ipsum
                            venenatis
                            ultrices. Proin bibendum bibendum augue ut luctus.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
@endsection