@extends('layouts.app')

@section('title')
    Add Sale
@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 Sale</li>
    </ol>
@stop
@section('css')
    <style>
        .help-block {
            font-weight: bold;
        }

        span {
            display: inline-block;
        }
    </style>

@stop

@section('content')

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

            <form class="form-horizontal" method='post' action="{{ route('statement.insert') }}" enctype="multipart/form-data"
                onsubmit="return validateData(this)">
                {{ 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 Sale</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 m-b-0"><i class="icon-layers fa fa-user"></i> 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"