@extends('frontend.app.master')
@section('content')
<h1 class="text-center bg-info mb-0 p-2">Marriage Record Updating Form</h1>
<div class="container" style="min-height:100vh; background: radial-gradient(#EC2B59, #8B2E5C);">
    @if (session()->has('success'))
        <div class="alert alert-success">
            {{session()->get('success')}}
        </div>
    @endif
    @if ($errors->any())
        <div class="alert alert-danger">
            @foreach ($errors->all() as $error)
                <li>{{$error}}</li>
            @endforeach
        </div>
    @endif
    <div class="row pt-4" style="color:#ffffff; font-weight: bold;">
        
        <div class="col-md-8">
            <form action="{{route('admin.marriage.update',$marriageData->id)}}" method="POST">
                @csrf
              <div class="mb-2 row">
                  <label for="marriage_code" class="col-sm-3 col-form-label">Marriage Code</label>
                  <div class="col-sm-9">
                    <input type="text" name="marriage_code" class="form-control" value="{{$marriageData->marriage_code}}"  >
                  </div>
              </div>

              <div class="mb-2 row">
                <label for="groom_name" class="col-sm-3 col-form-label">Groom Name</label>
                <div class="col-sm-9">
                  <input type="text" name="groom_name" class="form-control" value="{{$marriageData->groom_name}}"  >
                </div>
              </div>

                <div class="row pb-2">
                  <div class="col-sm-6">
                    <h4 class="text-center bg-secondary py-1">Standard Clients</h4>
                    

                    <div class="mb-2 row">
                        <label for="groom_code" class="col-sm-5 col-form-label">Groom Code</label>
                        <div class="col-sm-7">
                          {{-- <select name="bride_code" id="" class="form-control selectpicker" data-live-search="true" style="color: #000000;"> --}}
                            <input class="form-control" list="datalistOptions" id="" value="{{$marriageData->groom_code}}" name="groom_code" placeholder="Standard Groom code here to search...">  
                            {{-- <option selected disabled value="Saturday">Select Groom Code</option> --}}
                            <datalist id="datalistOptions">
                                @foreach ($stdData as $item)
                                    @if ($item->gender == 'Male')
                                        <option value="{{$item->code}}">
                                    @endif
                              @endforeach
                            </datalist>
                          {{-- </select> --}}
                        </div>
                    </div>
                    
                    
                  </div>
                  
                  <div class="col-sm-6">
                    <h4 class="text-center bg-primary py-1">Vip Clients</h4>
                    

                    <div class="mb-2 row">
                        <label for="vip_groom_code" class="col-sm-5 col-form-label">Groom Code</label>
                        <div class="col-sm-7">
                          {{-- <select name="bride_code" id="" class="form-control selectpicker" data-live-search="true" style="color: #000000;"> --}}
                            <input class="form-control" list="datalistOptionsVip" id="" value="{{$marriageData->vip_groom_code}}" name="vip_groom_code" placeholder="Vip Groom code here to search...">  
                            {{-- <option selected disabled value="Saturday">Select Groom Code</option> --}}
                            <datalist id="datalistOptionsVip">
                                @foreach ($vipData as $item)
                                    @if ($item->gender == 'Male')
                                        <option value="{{$item->code}}">
                                    @endif
                              @endforeach
                            </datalist>
                          {{-- </select> --}}
                        </div>
                    </div>
                    
                    
                  </div>
                </div>

                <div class="mb-2 row mb-4">
                  <label for="bride_name" class="col-sm-3 col-form-label">Bride Name</label>
                  <div class="col-sm-9">
                    <input type="text" name="bride_name" class="form-control" value="{{$marriageData->bride_name}}"  >
                  </div>
              </div>

              <div class="row">
                  <div class="col-sm-6">
                    <h4 class="text-center bg-secondary py-1">Standard Clients</h4>
                    
                    

                    <div class="mb-2 row">
                        <label for="bride_code" class="col-sm-5 col-form-label">Bride Code</label>
                        <div class="col-sm-7">
                          {{-- <select name="groom_code" id="" class="form-control selectpicker" data-live-search="true" style="color: #000000;"> --}}
                            <input class="form-control" list="datalistOptionsFemale" id="" value="{{$marriageData->bride_code}}" name="bride_code" placeholder="Standard Bride code here to search...">  
                            {{-- <option selected disabled value="Saturday">Select Groom Code</option> --}}
                            <datalist id="datalistOptionsFemale">
                                @foreach ($stdData as $item)
                                    @if ($item->gender == 'Female')
                                        <option value="{{$item->code}}">
                                    @endif
                              @endforeach
                            </datalist>
                          {{-- </select> --}}
                        </div>
                    </div>
                  </div>
                  
                  <div class="col-sm-6">
                    <h4 class="text-center bg-primary py-1">Vip Clients</h4>
                    
                    

                    <div class="mb-2 row">
                        <label for="vip_bride_code" class="col-sm-5 col-form-label">Bride Code</label>
                        <div class="col-sm-7">
                          {{-- <select name="groom_code" id="" class="form-control selectpicker" data-live-search="true" style="color: #000000;"> --}}
                            <input class="form-control" list="datalistOptionsVipFemale" id="" value="{{$marriageData->vip_bride_code}}" name="vip_bride_code" placeholder="Vip Bride code here to search...">  
                            {{-- <option selected disabled value="Saturday">Select Groom Code</option> --}}
                            <datalist id="datalistOptionsVipFemale">
                                @foreach ($vipData as $item)
                                    @if ($item->gender == 'Female')
                                        <option value="{{$item->code}}">
                                    @endif
                              @endforeach
                            </datalist>
                          {{-- </select> --}}
                        </div>
                    </div>
                  </div>
                </div>
              
              
              <div class="mb-2 row">
                  <label for="wedding_venue" class="col-sm-3 col-form-label">Wedding Venue</label>
                  <div class="col-sm-9">
                    <input type="text" name="wedding_venue" class="form-control" value="{{$marriageData->wedding_venue}}"  >
                  </div>
              </div>
              
              <div class="mb-2 row">
                  <label for="service_charge" class="col-sm-3 col-form-label">Service Charge</label>
                  <div class="col-sm-9">
                    <input type="text" name="service_charge" class="form-control" value="{{$marriageData->service_charge}}"  >
                  </div>
              </div>
              
              <div class="mb-2 row">
                  <label for="marriage_date" class="col-sm-3 col-form-label">Marriage Date</label>
                  <div class="col-sm-9" >
                    <input type="date" name="marriage_date" class="form-control" value="{{$marriageData->marriage_date}}"  >
                  </div>
              </div>
              
              <div class="mb-2 row">
                  <label for="marriage_day" class="col-sm-3 col-form-label">Marriage Day</label>
                  <div class="col-sm-9">
                    <select name="marriage_day" class="form-control" id="" style="color: #000000;">
                        <option {{$marriageData->marriage_day == "Satarday" ? "selected" : ''}} value="Saturday">Saturday</option>
                        <option {{$marriageData->marriage_day == "Sunday" ? "selected" : ''}} value="Sunday">Sunday</option>
                        <option {{$marriageData->marriage_day == 'Monday' ? "selected" : ''}} value="Monday">Monday</option>
                        <option {{$marriageData->marriage_day == 'Tuesday' ? "selected" : ''}} value="Tuesday">Tuesday</option>
                        <option {{$marriageData->marriage_day == 'Wednesday' ? "selected" : ''}} value="Wednesday">Wednesday</option>
                        <option {{$marriageData->marriage_day == 'Thursday' ? "selected" : ''}} value="Thursday">Thursday</option>
                        <option {{$marriageData->marriage_day == 'Friday' ? "selected" : ''}} value="Friday">Friday</option>
                    </select>
                  </div>
              </div>

              <div class="col-md-12 text-left mb-2">
                  <div class="regi_button">
                    <button class="btn btn-primary rg-button">Update Marriage Record</button>
                  </div>
              </div>
              
            </form>
            
        </div>
        
        <div class="col-md-4 justify-content-center pt-4">
            <img class="mx-auto d-block pt-4 mt-4" src="{{asset('images/wedding-couple.png')}}" height="300px" width="300px" alt="">
        </div>
        
    </div>
</div>
@endsection