@extends('serviceprovider.header')

<div class="main_body">
	<div class="main_dashboard_child">
		<div class="client-details">
      <div class="row">
        <div class="col-sm-7 pl-0">
          <div class="client-details-in" style="height:100%;">
            <div class="card" style="height:100%;">
              <div class="client-profile">
                <img src="{{ asset('assets/images/Ellipse 106.png') }}">
                <h3>{{ $serviceproviderDetail->name }} {{ $serviceproviderDetail->lastname }}</h3>
              </div>
              <div class="client-profile-details">
                <div class="service-details single-event-details">
              <p><b>Service</b></p>
              <p>Accounting</p>
            </div>
            <div class="service-details single-event-details">
              <p><b>Basic Info</b></p>
              <div class="contact-details d-flex">
                <div class="contact_label">
                  <p class="text-muted">Phone Number</p>
                  <p class="text-muted">Email</p>
                </div>
                <div class="contact_label text-right">
                  <p>{{ $serviceproviderDetail->mobile }}</p>
                  <p>{{ $serviceproviderDetail->email }}</p>
                </div>
              </div>
            </div>
            
            <div class="service-details single-event-details">
              <p><b>Note</b></p>
              <p class="text-muted"></p>

            </div>
            <div class="schedule-btn">
              <a href="#" class="btn btn-primary default-btn">Schedule Appointment</a>
            </div>
              </div>
            </div>  
          </div>
        </div>
        <!-- <div class="col-sm-5 pl-0">
          <div class="client-details-in" style="height:100%;">
            <div class="card" style="height:100%;">
              <div class="clinet-accordion">
                <div class="panel-group" id="accordion">
        <div class="panel panel-default">
          <div class="panel-heading accordion-toggle" data-toggle="collapse" data-parent="#accordion" data-target="#collapseOne">
            <h4 class="panel-title">Ongoing Appointments</h4>

          </div>
          <div id="collapseOne" class="panel-collapse collapse show">
            <div class="panel-body">
              <div class="appint_inner">
                <div class="single_details">
                  <h5>Thursday, May 26, 2022</h5>
                  <p class="text-muted">01:00 PM-2:00 PM</p>
                  <p class="text-muted">60 Min</p>
                  <div class="action-btns">
                    <a href="#"><img src="{{ asset('assets/images/Group 91.png') }}"></a>
                    <a href="#"><img src="{{ asset('assets/images/Group 90.png') }}"></a>
                    <a href="#"><img src="{{ asset('assets/images/Group 89.png') }}"></a>
                  </div>
                </div>
                <div class="single_details">
                  <h5>Thursday, May 26, 2022</h5>
                  <p class="text-muted">01:00 PM-2:00 PM</p>
                  <p class="text-muted">60 Min</p>
                  <div class="action-btns">
                    <a href="#"><img src="{{ asset('assets/images/Group 91.png') }}"></a>
                    <a href="#"><img src="{{ asset('assets/images/Group 90.png') }}"></a>
                    <a href="#"><img src="{{ asset('assets/images/Group 89.png') }}"></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="panel panel-default">
          <div class="panel-heading accordion-toggle" data-toggle="collapse" data-parent="#accordion" data-target="#collapseTwo">
            <h4 class="panel-title">Appointments History</h4>

          </div>
          <div id="collapseTwo" class="panel-collapse collapse show">
            <div class="panel-body">
                <div class="appint_inner">
                <div class="single_details">
                  <h5>Thursday, May 26, 2022</h5>
                  <p class="text-muted">01:00 PM-2:00 PM</p>
                  <p class="text-muted">60 Min</p>
                  <p><a href="#"><img src="{{ asset('assets/images/Group 92.png') }}">Play</a></p>
                </div>
                <div class="single_details">
                  <h5>Thursday, May 26, 2022</h5>
                  <p class="text-muted">01:00 PM-2:00 PM</p>
                  <p class="text-muted">60 Min</p>
                  <p><a href="#"><img src="{{ asset('assets/images/Group 92.png') }}">Play</a></p>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="panel panel-default">
          <div class="panel-heading accordion-toggle" data-toggle="collapse" data-parent="#accordion" data-target="#collapseThree">
            <h4 class="panel-title">Shared Files</h4>

          </div>
          <div id="collapseThree" class="panel-collapse collapse show">
            <div class="panel-body">
              <div class="appint_inner shared-files">
                <div class="single_details">
                  <div class="file_img">
                    <img src="{{ asset('assets/images/pdf.png') }}">
                  </div>
                  <div class="file_name">
                    <h5>Business Douments</h5>
                    <p class="text-muted">Thursday, May 18, 2022</p>
                  </div>
                </div>
                <div class="single_details">
                  <div class="file_img">
                    <img src="{{ asset('assets/images/word.png') }}">
                  </div>
                  <div class="file_name">
                    <h5>Business Douments</h5>
                    <p class="text-muted">Thursday, May 18, 2022</p>
                  </div>
                </div>
                <div class="single_details">
                  <div class="file_img">
                    <img src="{{ asset('assets/images/pdf.png') }}">
                  </div>
                  <div class="file_name">
                    <h5>Business Douments</h5>
                    <p class="text-muted">Thursday, May 18, 2022</p>
                  </div>
                </div>
                <div class="single_details">
                  <div class="file_img">
                    <img src="{{ asset('assets/images/word.png') }}">
                  </div>
                  <div class="file_name">
                    <h5>Business Douments</h5>
                    <p class="text-muted">Thursday, May 18, 2022</p>
                  </div>
                </div>
                
              </div>
            </div>
          </div>
        </div> -->

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

    </div>



	</div>

		</div>
	</div>

</section>
@extends('serviceprovider.footer')