@extends('layouts.app')

@section('content')
 <!-- BANNER SECTION CODE START -->
    <div class="banner-sec quote" style="background-image: url('{{asset('frontend/assets/img/quote-bg.png')}}');">
      <div class="container">
        <div class="row">
          <div class="col-md-12 col-sm-12">
            <h1>
              <span>Book A Artist </span>
            </h1>
            <p class="sub-text"> Getting a quote for an act has never been quicker or simpler. </p>
          </div>
        </div>
      </div>
    </div>
    <!-- BANNER SECTION CODE END -->

  <section class="book-form">
      <div class="form-inner">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <div class="form-head">
                <h2> Artist Details </h2>	
                <p>Getting a quote for an act has never been quicker or simpler. Simply fill out this form and provide the act with as much detail as possible so that they can provide you with an accurate quote.</p>
              </div>
              <hr>
                <div class="form-group col-md-12">
                    @foreach($artinfo as $information)
                      Acts: <p>{{$information->act_name}}</p>
                      Website URL: <p>{{$information->website}}</p>
                      Biography: <p>{{$information->biography}}</p>
                    @endforeach
                </div>
            <form action="{{ route('artbooking') }}" class="form-quote" id="checkout-form" method="POST">
             @csrf
            <div class="row">
              	<div class="form-group col-md-6">
                    <label>First Name</label>
                    <input type="text" name="first_name" id="first_name"  placeholder="First Name" value="{{$usrinf->first_name}}" required >
               </div>
               <div class="form-group col-md-6">
                     <label>Last Name</label>
                     <input type="text" name="last_name" placeholder="Last Name"  id="last_name" value="{{$usrinf->last_name}}" required/>
                        
               </div>
               </div>

               <div class="row">           
               <div class="form-group col-md-4">
                   <label>Email</label>
                   <input type="email" name="email" value="{{$usrinf->email}}" placeholder="Email address" id="email" autofocus required>
               </div>
              <div class="form-group col-md-4">
                     <label>Price</label>
                     <input type="number" name="price" placeholder="price"  required/>    
                 </div> 
              </div>

              <div class="row">
                 <div class="form-group col-md-4">
                     <label>Quotes</label>
                     <input type="text" name="quotes" placeholder="Quotes" required/>     
                 </div> 

               </div>
              </div>   
              <div class="panel panel-default">
                <button type="submit" class="btn-info btn">PayPal</button>
  
               <br/>
                <div class="panel-body">
                  <img src="https://www.paypalobjects.com/webstatic/mktg/Logo/pp-logo-200px.png" border="0" style="width:80px; height: 25px;">
               </div>
              </div>
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <div class="panel panel-default">
                <a href="#" class='btn-info btn'>Braintree</a><br/>
                <br/>
                <div class="panel-body">
                  <img src="https://i.ibb.co/dps2J04/Braintree.png" border="0" alt="Braintree Logo" style="width:80px; height: 25px;">
               </div>
              </div>
          </form>
                </div>
         </div>
     </div>
 </div>
</section>
@endsection