@extends('layouts.app')

@section('title')
Add Statement 
@stop

@section('breadcrumb')
<ol class="breadcrumb pull-right">
        <li><a href="{{route('home')}}"><i class="fa fa-dashboard"></i> Home</a></li>
        @permission('list-membership')
        <li ><a href="{{route('statement.all')}}">Statements</a></li>
        @endpermission
        <li class="active">Add Statement</li>
      </ol>
@stop


@section('content')

<div class="container-fluid">
    <div class="row">

            <form class="form-horizontal" method='post' action="{{route('statement.insert')}}" enctype="multipart/form-data">
                {{csrf_field()}}
        <div class="col-md-12">
             @if($errors->any())
                        <div class="white-box"><h2>Errors</h2><ul>
    {!! implode('', $errors->all('<li><span class="help-block"><strong>:message</strong></span></li>')) !!}
</ul></div>@endif
                        <div class="white-box">
                           <h3 class="box-title m-b-0"><i class="icon-layers fa-fw"></i> Add New Statement</h3>
                            <p class="text-muted  font-13"> Note: All * fields are mandatory </p>

                            <hr>

                        </div>
                    </div>

                    <div class="col-lg-12 col-sm-12 col-xs-12"  >
                        <div class="white-box">
                            <h3 class="box-title">Customer Information </h3>
                            <hr>
                                <div class="clearfix"></div>
                            <!-- Nav tabs -->
                            <ul class="nav customtab nav-tabs" role="tablist" >
                                <li  role="presentation" class="active">
                                    <a href="#profile1" aria-controls="profile" role="tab" data-toggle="tab" aria-expanded="false" style="font-weight: 700;" ><span class="visible-xs"><i class="ti-user"></i></span> <span class="hidden-xs">Existing Customer</span></a></li>
                                <li role="presentation" ><a href="#home1" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="true" style="font-weight: 700;"><span class="visible-xs"><i class="ti-home"></i></span><span class="hidden-xs"> New Customer</span></a></li>                                
                            </ul>
                            <!-- Tab panes -->
                            <div class="tab-content">
                                <div role="tabpanel" class="tab-pane fade active in" id="profile1">
                                    <div class="col-md-6">
                                       <div class="form-group">
                                                        <label class="control-label col-md-4">Name of Applicant</label>
                                                        <div class="col-md-8">
                                                            <select  autocomplete="off" class="form-control chosen-select" id="customer_id" name="customer_id" style="width: 100%!important;">
                                                                <option value="" selected="" >None</option>
                                                                @foreach($customers as $c)
                                                                @if(isset($customer))
                                                                @if($customer->id == $c->id)
                                                                <option value="{{$c->id}}" selected="">{{$c->name}} -
                                                                
                                                                <b>{{$c->cnic}}</b>
                                                                
                                                            </option>
                                                                @endif
                                                                @else

                                                                @if(old('customer_id') == $c->id)
                                                                <option value="{{$c->id}}" selected="">{{$c->name}} -
                                                                <b>{{$c->cnic}}</b>
                                                            </option>
                                                                @else
                                                                 <option value="{{$c->id}}" >{{$c->name}} -
                                                                <b>{{$c->cnic}}</b></option>
                                                                @endif
                                                                @endif


                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                    </div>
                                    <div class="clearfix"></div>
                                     <button type="button" style="float: left!important;" class="btn btn-primary add_field_button3" >Add Nominee</button>
                    <div class="input_fields_wrap3">
                        <div class="clearfix"></div>
                                        <div>
                                        </div>


    </div>
                                </div>

                               


                                <div role="tabpanel" class="tab-pane fade " id="home1">

                                    <div class="form-body">
                                    <div class="row">

                                    <div class="col-md-12" style="margin-bottom: 2rem;">
                                    <div class="form-group">
                                    <label for="exampleInputuname" class="col-sm-3 control-label">Type<span style="color: red">*</span></label>
                                    <div class="col-sm-9">
                                    <div class="row">
                                    <div class="col-sm-6">
                                        <input type="hidden" value="0" name="user_type" id="type">
                                    <label style="font-weight: bold;" > Individual </label>
                                    <input  type="radio"