@extends('layouts.template')
@section('content')


<div class="row page-titles">
    <div class="col-md-5 col-12 align-self-center">
        <h3 class="text-themecolor mb-0">All Claims</h3>
        <ol class="breadcrumb mb-0 p-0 bg-transparent">
            <li class="breadcrumb-item"><a href="javascript:void(0)">Claim</a></li>
            <li class="breadcrumb-item active">All Claims</li>
        </ol>
    </div>
</div>

<div class="container-fluid">
      <!-- Row -->
      <div class="row">
        <div class="col-lg-6">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Notification Settings</h4>
                    <h6 class="card-subtitle"></h6>
                    <form class="form-horizontal pt-3">
                        
                       
                        <div class="form-group row">
                            <label for="web" class="col-sm-4 control-label">Email Notification</label>
                            <div class="col-sm-8">
                                <div class="switch">
                                    <label>
                                        <input type="checkbox" checked><span
                                            class="lever switch-col-blue"></span></label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-4 control-label">SMS Notification</label>
                            <div class="col-sm-8">
                                        <div class="switch">
                                            <label>
                                                <input type="checkbox" checked><span
                                                    class="lever switch-col-blue"></span></label>
                                        </div>
                            </div>
                        </div>
                      
                        <div class="form-group row mb-0">
                            <div class="offset-sm-3 col-sm-9">
                                <button type="submit" class="btn btn-info waves-effect waves-light">Save Changes</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Profile</h4>
                    <h6 class="card-subtitle">Use Bootstrap's predefined grid classes for horizontal form</h6>
                    <form class="form-horizontal pt-3">
                        <div class="form-group row">
                            <label for="uname" class="col-sm-3 control-label">First Name</label>
                            <div class="col-sm-9">
                                <div class="input-group">
                                    <input type="text" class="form-control" id="uname" placeholder="Username">
                                    <div class="input-group-append"><span class="input-group-text"><i class="ti-user"></i></span></div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="email2" class="col-sm-3 control-label">Last Name</label>
                            <div class="col-sm-9">
                                <div class="input-group">
                                    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
                                    <div class="input-group-append"><span class="input-group-text"><i class="ti-email"></i></span></div>
                                </div>
                            </div>
                        </div>
                       
                     
                       
                        <div class="form-group row mb-0">
                            <div class="offset-sm-3 col-sm-9 ">
                                <button type="submit" class="btn btn-info waves-effect waves-light">Sign in</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- End Row -->         
           
                  
</div>
                
@endsection