@extends('frontend.app.master')
@section('content')
<h1 class="text-center bg-info mb-0 p-2">Recent Call Inserting Form</h1>
<div class="container" style="min-height:100vh; background: linear-gradient(45deg, #008ca3, #00398d);">
    @if (session()->has('success'))
        <div class="alert alert-success">
            {{session()->get('success')}}
        </div>
    @endif
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{$error}}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <div class="row pt-4" style="color:#ffffff; font-weight: bold;">
        
        <div class="col-md-7">
            <form action="{{route('admin.call.store')}}" method="POST">
                @csrf
            <div class="mb-2 row">
                <label for="client_name" class="col-sm-3 col-form-label">Client Name</label>
                <div class="col-sm-9">
                  <input type="text" name="client_name" class="form-control" value="{{old('client_name')}}"  >
                </div>
            </div>

            <div class="mb-2 row">
                <label for="client_phone" class="col-sm-3 col-form-label">Client Phone</label>
                <div class="col-sm-9">
                  <input type="number" name="client_phone" class="form-control" value="{{old('client_phone')}}"  >
                </div>
            </div>
            
            <div class="mb-2 row">
                <label for="call_date" class="col-sm-3 col-form-label">Call Date</label>
                <div class="col-sm-9">
                  <input type="date" name="call_date" class="form-control" value="{{old('call_date')}}"  >
                </div>
            </div>

            <div class="mb-2 row">
                <label for="groom_bride" class="col-sm-3 col-form-label">Groom/Bride</label>
                <div class="col-sm-9 text-left">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="groom_bride" {{old('groom_bride') == 'Groom' ? "checked" :""}} id="inlineRadio1" value="Groom">
                    <label class="form-check-label" for="inlineRadio1"><i class="fas fa-male mr-2"></i> Groom</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="groom_bride" {{old('groom_bride') == 'Bride' ? "checked" :""}} id="inlineRadio2" value="Bride">
                    <label class="form-check-label" for="inlineRadio2"><i class="fas fa-female mr-2"></i> Bride</label>
                  </div>
                </div>
            </div>
            
            <div class="mb-2 row">
                <label for="marital_status" class="col-sm-3 col-form-label">Marital Status</label>
                <div class="col-sm-9 text-left">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="marital_status" {{old('marital_status') == 'Single' ? "checked" :""}} id="inlineRadio1" value="Single">
                    <label class="form-check-label" for="inlineRadio1"> Single</label>
                  </div>
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="marital_status" {{old('marital_status') == 'Divorce' ? "checked" :""}} id="inlineRadio2" value="Divorce">
                    <label class="form-check-label" for="inlineRadio2"> Divorce</label>
                  </div>
                  
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="marital_status" {{old('marital_status') == 'Widow' ? "checked" :""}} id="inlineRadio2" value="Widow">
                    <label class="form-check-label" for="inlineRadio2"> Widow</label>
                  </div>
                </div>
            </div>

            
            <div class="mb-2 row">
                <label for="membership_fee" class="col-sm-3 col-form-label">Membership Fee</label>
                <div class="col-sm-9">
                  <input type="number" name="membership_fee" class="form-control" value="{{old('membership_fee')}}"  >
                </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="number" name="service_charge" class="form-control" value="{{old('service_charge')}}"  >
                </div>
            </div>

            <div class="mb-2 row">
                <label for="update_news" class="col-sm-3 col-form-label">Update News</label>
                <div class="col-sm-9">
                  <textarea name="update_news" id="" cols="45" rows="5" style="color:#000000;"> {{old('update_news')}}</textarea>
                </div>
            </div>

            <div class="col-md-12 text-left mb-2">
                <div class="regi_button">
                  <button class="btn btn-info rg-button">Insert Call</button>
                </div>
            </div>

        </form>
            
        </div>
        <div class="col-md-5 justify-content-center pt-4">
            <img class="mx-auto d-block pt-4" src="{{asset('images/telephone-call.png')}}" height="300px" width="300px" alt="">
        </div>
        
    </div>
</div>
@endsection