@extends('frontend.layout.app')

@section('content')

<section class="pt-4 mb-4">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 text-center ">
                <h1 class="fw-600 h4">Home/Return</h1>
            </div>
            <div class="col-lg-9">
                <ul class="breadcrumb bg-transparent p-0 justify-content-center justify-content-lg-end">
                    <li class="breadcrumb-item opacity-50">
                        <a class="text-reset" href="{{ route('home') }}">Home</a>
                    </li>
                    <li class="text-dark fw-600 breadcrumb-item">
                        <a class="text-reset" href="">Return</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

<div class="card">
        
        
        <div class="container mt-3">
  <h4>Please Select Reassion</h4></h4>
  <form action="{{route('customer_refund_request_add')}}" method="get" enctype="multipart/form-data">
    <div class="form-check">
      <input type="radio" class="form-check-input" id="radio1" name="optradio" value="Product is damaged/defective." checked>
      <label class="form-check-label" for="radio1">Product is damaged/defective.</label>
    </div>
    <div class="form-check">
      <input type="radio" class="form-check-input" id="radio2" name="optradio" value="Product was Expired.">
      <label class="form-check-label" for="radio2">Product was Expired.</label>
    </div>
    <div class="form-check">
      <input type="radio" class="form-check-input" id="radio3" name="optradio" value="Wrong Product (Not a same Product)">
      <label class="form-check-label">Wrong Product (Not a same Product)</label>
    </div>
    <div class="form-check">
      <input type="radio" class="form-check-input" id="radio4" name="optradio" value="Product Was Incomplete.">
      <label class="form-check-label">Product Was Incomplete.</label>
    </div>
    <div class="form-check">
      <input type="radio" class="form-check-input" id="radio5" name="optradio" value="Other">
      <label class="form-check-label">Other.</label>
    </div>
    <br><br>
    <div class="col-md-8">
      <label for="basic-url">Additional Comments(optional)</label>
          <textarea class="form-control" id="comment" name="comment" aria-label="With textarea"></textarea>
    </div>
    <div class="col-md-8">
      <input type="hidden"  id="order_id" name="order_id" value="{{$order_id}}">
    </div>
    <button type="submit" class="btn btn-primary mt-3">Submit</button>
  </form>
</div>
</div>        

@endsection