@extends('body')
@section('title')
    Users Details
@endsection
@section('breadcrumbs')
  <li><a href="{{ url('/') }}">Home</a></li>
  <li><a href="{{ url('/users') }}">Users</a></li>
  <li>{{ $user->name }}</li>
@endsection

@section('pageScripts')
<style>
    .buttonsmall {
  padding: 5px 5px;
  font-size: 9px;

}
</style>
@endsection

@section('content')
    <section id="pricing" class="pricing">
        <div class="container" data-aos="fade-up">
            <div class="section-title">
                <h2>User Details</h2>
                <div class="card">
                    <div class="card-body">
                      <b>Name: </b> {{ $user->name }} <b>Email: </b> {{ $user->email }}
                    </div>
                  </div>
            </div>

            <div class="row">

                <div class="col-lg-6 col-md-9" data-aos="zoom-im" data-aos-delay="100">
                    <div class="box">
                      <h3>Sites Enabled</h3>
                      {{-- <h4><sup>$</sup>0<span> / month</span></h4> --}}
                      <ul>

                        @foreach ($enabledSites as $enabledSite)
                        <li>
                            <form lass="form-inline" action="{!! route('home.store') !!}" method="POST" role="form">
                                @csrf
                                <div class="form-check form-switch">
                                    <input type="text" id="user_id" name="user_id" hidden value="{{ $edituserid }}">
                                    <input class="form-check-input" type="checkbox" id="site_id" name="site_id" required value="{{ $enabledSite->id }}">
                                    <label class="form-check-label" for="flexSwitchCheckChecked">{{ $enabledSite->name}}</label>
                                    <button type="submit" class="btn btn-primary btn-sm buttonsmall">REMOVE</button> 
                                </div>
                            </form>
                        </li>                          
                        @endforeach  

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

                <div class="col-lg-6 col-md-6 mt-4 mt-md-0" data-aos="zoom-in" data-aos-delay="100">
                    <div class="box">
                      <h3>All Sites</h3>
                      
                      <ul>

                        @foreach ($availableSites as $availableSite)
                        <li>
                            
                            <form lass="form-inline" action="{!! route('home.update') !!}" method="POST" role="form">
                                @csrf
                                @method('PATCH')
                                <div class="form-check form-switch">
                                    <input type="text" id="user_id" name="user_id" hidden value="{{ $edituserid }}">
                                    <input class="form-check-input" type="checkbox" id="site_id" name="site_id" required value="{{ $availableSite->id }}">
                                    <label class="form-check-label" for="flexSwitchCheckChecked">{{ $availableSite->name}}</label>
                                    <button type="submit" class="btn btn-primary btn-sm buttonsmall">ADD</button> 
                                </div>
                            </form>

                        </li>                           
                        @endforeach


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

            </div>
        </div>
    </section>
@endsection