@extends('header')
<div class="main_body">
	<div class="main_dashboard_child">
<div class="add_new_service row">
	<div class="col-sm-7 pl-0">
		<div class="new_service_sec">
			<div class="appointments_types_title">

<div class="all_types" style="margin-top:0px">
	<div class="card">
		<div class="cards_title" style="border: none;">
 <div class="row">
    <div class="col-sm-6">
       <div class="cards_tt">
          <h5 style="font-size: 16px;">Clients </h5>
		  <!-- <span>(05 Members)</span> -->
       </div>
    </div>
    <div class="col-sm-6">
       <div class="cards_tt text-right">
          <a href="/addclient" class="btn btn-primary default-btn" style="padding:8px;font-size: 12px;">Add Client</a>
       </div>
    </div>
 </div>
</div>
<div class="search_box">
<form class="search_user">
  <div class="form-group">
     <input type="text" name="" class="form-control" placeholder="Search Clients">
     <img src="{{ asset('assets/images/Icon ionic-ios-search.png') }}" class="input-icon">
  </div>
</form>
	</div>
		@foreach($clientList as $clientinfo)
		<div class="single_type schedule_client">
			<div class="row">
				<div class="col-sm-7">
					<div class="types_left">
						<div class="single_client d-flex">
							<div class="client_img">
								<img src="{{ asset('assets/images/Ellipse 15.png') }}">
							</div>
							<div class="client_title">
								<h5>{{ $clientinfo->name }}</h5>
								<p class="text-muted">{{ $clientinfo->mobile }}</p>
								<p class="text-muted">{{ $clientinfo->email }}</p>
							</div>
						</div>
						
					</div>
				</div>
				<div class="col-sm-5">
					<div class="types_right">
						<div class="card_actions text-right">
                  <a href="#" class="btn btn-default cancel-btn" >Schedule Appointment</a>
                </div>
					</div>

				</div>
			</div>
		</div>
		@endforeach
		

	</div>

</div>

</div>
		</div>
	</div>
	<!-- <div class="col-sm-5 pl-0">
		<div class="new_service_sec">

			
					<div class="client-details-in" style="height:100%;">
            <div class="card" style="height:100%; ">
            	
              <div class="clinet-accordion" style="position: relative;">
              	<a href="#" class="close_btn"><img src="{{ asset('assets/images/Icon ionic-ios-close-circle-outline.png') }}"></a>
              	<div class="client_single_detail">
              		<div class="single_client d-flex">
										<div class="client_img">
											<img src="{{ asset('assets/images/Ellipse 15.png') }}">
										</div>
										<div class="client_title">
											<h5>Mark Ruffalo</h5>
											<p class="text-muted">+1 895 784 524</p>
											<p class="text-muted">markruffalo@gmail.com</p>
											<div class="card_actions client_action_btns">
												<a href="#" class="btn btn-primary default-btn">Schedule Appointment</a>
												<a href="#" class="btn btn-default cancel-btn">Edit</a>
		                    <a href="#" class="btn btn-danger delet-btn">Delete</a>
											</div>
											<p><b>Import or Export All Client Details</b></p>
											<div class="card_actions client_action_btns">
												<a href="#" class="btn btn-primary default-btn">Import</a>
												<a href="#" class="btn btn-primary default-btn">Export</a>
											</div>
										</div>
									</div>
									
              	</div>



                <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 class="panel panel-default">
          <div class="panel-heading accordion-toggle" data-toggle="collapse" data-parent="#accordion" data-target="#collapsefour">
            <h4 class="panel-title">Intake Forms</h4>

          </div>
          <div id="collapsefour" class="panel-collapse collapse show">
            <div class="panel-body">
              <div class="appint_inner shared-files intake_forms">
                <div class="single_details">
                  <div class="file_img">
                    <img src="{{ asset('assets/images/Group 103.png') }}">
                  </div>
                  <div class="file_name">
                    <h5>Business Douments</h5>
                    <p class="text-muted">Thursday, May 18, 2022</p>
                  </div>
                  <div class="View_link">
                    <a href="#">View</a>
                  </div>
                </div>
                 <div class="single_details">
                  <div class="file_img">
                    <img src="{{ asset('assets/images/Group 103.png') }}">
                  </div>
                  <div class="file_name">
                    <h5>Business Douments</h5>
                    <p class="text-muted">Thursday, May 18, 2022</p>
                  </div>
                  <div class="View_link">
                    <a href="#">View</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="#collapsefive">
            <h4 class="panel-title">Note</h4>

          </div>
          <div id="collapsefive" class="panel-collapse collapse show">
            <div class="panel-body">
              <div class="note_panel">
              	<ul>
              		<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
              		<li>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</li>
              	</ul>
              </div>
          </div>
        </div>

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

</div>
</div>
@extends('footer')