@extends('company_dashboard.company_layout.master')

@section('title','Dashboard')

@section('header')
    @include('company_dashboard.partials.header')
@endsection

@section('content')





  <div class="modal" tabindex="-1" id="free-trial-error">
    <div class="modal-dialog">
      <div class="modal-content content-update">
          <div class="modal-header header-update-details">
            <h5 class="modal-title text-white title-update">Notification</h5>
            <button type="button" class="btn-close btn-close-update" data-bs-dismiss="modal" aria-label="Close">X</button>
          </div>
          <div class="modal-body text-white">
            @if(Session::has('error'))
              {{ Session::get('error') }}
            @endif
          </div>
      </div>
    </div>
  </div>

<style>
    .top-section-single {
        width: 100%;
        display: block;
        padding: 60px 0 50px 0;
    }

    .top-section-single .container {
        max-width: 1140px;
    }


    .top-section-single .nav-tabs {
        border-bottom: none;
    }

    .top-section-single .form-control,
    .top-section-single .form-control:focus,
    .top-section-single .form-select,
    .top-section-single .form-select:focus {
        display: block;
        width: 100%;
        min-height: 46px;
        padding: 12px 15px;
        font-size: 16px;
        font-weight: 400;
        line-height: 120%;
        color: var(--color-main);
        background-color: #fff;
        border: 1px solid var(--color-main);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        letter-spacing: 0;
        border-radius: 5px;
        box-shadow: none;
    }
    .top-section-single .nav-tabs {
        position: relative;
        z-index: 10;
    }
    .top-section-single .nav-tabs .nav-item {
        margin-right: 5px;
    }
    .top-section-single .nav-tabs .nav-item:last-child {
        margin-right: 0px;
    }
    .top-section-single .nav-tabs .nav-link {
        width: auto;
        font-size: 16px;
        line-height: 120%;
        padding: 8px 15px;
        border: 1px solid #FFF;
        background: #FFF;
        display: block;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        box-shadow: -1px -2px 5px rgba(0,0,0, .05);
    }

    .top-section-single .nav-tabs .nav-link span {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        font-size: 14px;
        line-height: 19px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: var(--color-green);
        color:#FFF; 
        text-align: center;
    }
    .top-section-single .nav-tabs .nav-link:focus,
    .top-section-single .nav-tabs .nav-link:hover,
    .top-section-single .nav-tabs .nav-item.show .nav-link,
    .top-section-single .nav-tabs .nav-link.active {
        border-color: var(--color-green);
        background-color: var(--color-green);
        color: #FFF;
    }

    .top-section-single .nav-tabs .nav-link:focus span ,
    .top-section-single .nav-tabs .nav-link:hover span,
    .top-section-single .nav-tabs .nav-item.show .nav-link span,
    .top-section-single .nav-tabs .nav-link.active span {
        background: #FFF; 
        color:var(--color-green);
    }

  </style>

 
<section class="top-section-single">
    <div class="container">
        <div class="select-course-block bigger">

            <!-- Nav tabs -->
            <h2 class="text-center" style="color:#191919">Step one: Set up your account</h2>
            @include('company_dashboard.subscription_start_free_trial.nav_menu_buttons')
            <div class="tab-content">
                <div class="tab-pane fade active show" id="tab1" role="tabpanel" aria-labelledby="tab1-tab">
                    <!-- Marital Status -->
                    <div class="boxed">
                        <div class="inside contact">
                            <div class="px-4 pt-3">
                                <div class="logo-height mb-3">
                                    <h2 class="text-uppercase">Invoice Details</h2>
                                </div>
                                <form method="POST" action="{{route('invoiseDetailsStore',$companies->id)}}">
                                    @csrf
                                    <div class="">
                                        <div class="row ">
                                        <div class="col-md-6">
                                            <div class="single-row pb-3">
                                            <div class="row align-items-start">
                                                
                                                <div class="col-12 col-sm-12">
                                                
                                                    <div class="form-group">
                                                        <label for="exampleInputEmail1">Company name</label>
                                                        <input type="text" class="form-control m-0" placeholder="Company name" name="name" value="{{$companies->name}}">
                                                        @if($errors->has('name'))
                                                        <div class="error">{{ $errors->first('name') }}</div>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="single-row pb-3">
                                            <div class="row align-items-start">
                                            
                                                <div class="col-12 col-sm-12">
                                                <div class="form-group">
                                                    <label for="exampleInputEmail1">Building Name</label>
                                                    <input type="text" class="form-control m-0" placeholder="Building Name" name="company_building_name" value="{{$companies->company_building_name}}" >
                                                    @if($errors->has('company_building_name'))
                                                    <div class="error">{{ $errors->first('company_building_name') }}</div>
                                                    @endif
                                                </div>
                                                </div>
                                            </div>
                                            </div>
                                        </div>
                                        </div>
                                        <div class="row ">
                                        <div class="col-md-6">
                                        <div class="single-row pb-3">
                                            <div class="row align-items-start">
                                        
                                            <div class="col-12">
                                                <div class="form-group">
                                                <label for="exampleInputEmail1">Address Line 1</label>
                                                <input type="text" class="form-control m-0" placeholder="Address Line 1" name="company_address_first_line" value="{{$companies->company_address_first_line}}">

                                                @if($errors->has('company_address_first_line'))
                                                    <div class="error text-danger m-0 p-0 ">{{ $errors->first('company_address_first_line') }}</div>
                                                @endif
                                                </div>
                                            </div>
                                            </div>
                                        </div>
                                        </div>
                                        <div class="col-md-6">
                                        <div class="single-row pb-3">
                                            <div class="row align-items-start">
                                            
                                            <div class="col-12">
                                                <div class="form-group">
                                                <label for="exampleInputEmail1">Address Line 2</label>
                                                <input type="text" class="form-control m-0" placeholder="Address Line 2" name="company_address_second_line" value="{{$companies->company_address_second_line}}">
                                                </div>
                                            </div>
                                            </div>
                                        </div>
                                        </div>
                                    </div>
                                    <div class="row ">
                                    <div class="col-md-6">
                                        <div class="single-row pb-3">
                                        <div class="row align-items-start">
                                        
                                            <div class="col-12 ">
                                            <div class="form-group">
                                                <label for="exampleInputEmail1">City</label>
                            
                                                <input type="text" class="form-control m-0" placeholder="City" name="company_address_city" value="{{$companies->company_address_city}}">
                                                @if($errors->has('company_address_city'))
                                                    <div class="error text-danger m-0 p-0 ">{{ $errors->first('company_address_city') }}</div>
                                                @endif
                                            </div>
                                            </div>
                                        </div>
                                        </div>
                                    </div>
                                        <div class="col-md-6">
                                        <div class="single-row pb-3">
                                            <div class="row align-items-start">
                                            
                                            <div class="col-12">
                                                <div class="form-group">
                                                <label for="exampleInputEmail1">Country</label>
                                                <select class="form-control form-select m-0" aria-label="Default select example"  name="company_address_country">
                                                    <option value="" selected>Open this select menu</option>
                                                    @foreach ($countries as $country )
                                                    <option value="{{$country->name}}" @if($companies->company_address_country == $country->name) selected @endif>{{$country->name}}</option>
                                                
                                                    @endforeach
                                                
                                                </select>
                            
                                                @if($errors->has('company_address_country'))
                                                    <div class="error text-danger m-0 p-0 ">{{ $errors->first('company_address_country') }}</div>
                                                @endif
                                                
                                                </div>
                                            </div>
                                            </div>
                                        </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                        <div class="single-row pb-3">
                                        <div class="row align-items-start">
                                            
                                            <div class="col-12">
                                            <div class="form-group">
                                                <label for="exampleInputEmail1">Post/Zip code</label>
                                                <input type="text" class="form-control m-0" placeholder="Post/Zip code" name="company_address_zip" value="{{$companies->company_address_zip}}">
                                                @if($errors->has('company_address_zip'))
                                                <div class="error text-danger m-0 p-0 ">{{ $errors->first('company_address_zip') }}</div>
                                            @endif
                                            </div>
                                            </div>
                                        </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="single-row pb-3">
                                        <div class="row align-items-start">
                                            
                                            <div class="col-12">
                                            <div class="form-group">
                                                <label for="exampleInputEmail1">VAT number</label>
                                                <input type="text" class="form-control m-0" placeholder="1234567890" name="vat_number" value="{{ $companies->vat_number ?? ''}}">
                                            </div>
                                            </div>
                                        </div>
                                        </div>
                                    </div>
                                    </div>
                                        <div class="row">
                                        <div class="col-md-6">
                                        <div class="single-row pb-3">
                                            <div class="row align-items-start">
                                            <div class="col-12">
                                                <div class="form-group">
                                                <label for="exampleInputEmail1">Email invoice to</label>
                                     
                                                <input type="text" class="form-control m-0" name="email" value="{{$companies->email}}">
                                                   {{-- is falid class if it is checked --}}
                                                </div>
                                            </div>
                                            </div>
                                        </div>
                                        </div>
                                        <div class="col-md-6">
                                        <div class="single-row pb-3">
                                            <div class="row align-items-start">
                                            
                                            <div class="col-12">
                                                <div class="form-group">
                                                <label for="exampleInputEmail1">Company phone</label>
                                                <input type="text" class="form-control m-0" name="company_phone" placeholder="Phone" value="{{$companies->company_phone}}">
                                                </div>
                                            </div>
                                            </div>
                                        </div>
                                        </div>
                                    </div>
                                        
                                    </div>
                                    <div class="modal-footer footer-update justify-content-center">
                                        <ul class="list-inline mb-0">
                                            <li class="list-inline-item py-1"><button class="btn btn-outline-light d-inline-block">Next</button></li>
                                     
                                        </ul>
                                        
                                        
                                    
                                    </div>
                                    </form>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
</section>




    


@endsection

@section('footer')
    @include('company_dashboard.partials.footer')
@endsection

@push('scripts')

@if(Session::has('error'))
  <script>
    $(document).ready(function (){
      $("#free-trial-error").modal('show')
    });
  </script>
@endif


@endpush