@extends('layouts.applogin')
@section('title','Reister')
@section('content')

<!-- begin right-content -->
<div class="right-content">
   
    @include('layouts.appcomponents.caption')

    <!-- begin register-header -->
    <h1 class="register-header">
        <div class="brand">
            <img src="{{ asset('assets/img/brand_logo.png') }}" width="70%" class="img-responsive">
            Sign In
        </div>
    </h1>
    <!-- end register-header -->
    <!-- begin register-content -->
    
    <div class="register-content">
        @include('messages.message')
        <form action="{{ route('register.store') }}" method="post" class="margin-bottom-0">
        @csrf
            <label class="control-label">ব্যবসার প্রতিষ্ঠানের নাম<span class="text-danger">*</span></label>
            <div class="row m-b-15">
                <div class="col-md-12">
                    <input type="text" name="institution_name" class="form-control" placeholder="ব্যবসার প্রতিষ্ঠানের নাম" required="required" value="{{ old('institution_name') }}">
                </div>
            </div>

            <label class="control-label">ব্যবসার ধরণ<span class="text-danger">*</span></label>
            <div class="row m-b-15">
                <div class="col-md-12">
                    <input type="text" name="business_type" class="form-control" placeholder="ব্যবসার ধরণ" required="required" value="{{ old('business_type') }}">
                </div>
            </div>

            <label class="control-label">পিতা / স্বামীর নাম<span class="text-danger">*</span></label>
            <div class="row m-b-15">
                <div class="col-md-12">
                    <input type="text" name="father_name" class="form-control" placeholder="পিতা / স্বামীর নাম" required="required" value="{{ old('father_name') }}">
                </div>
            </div>

            <label class="control-label"> মাতার নাম<span class="text-danger">*</span></label>
            <div class="row m-b-15">
                <div class="col-md-12">
                    <input type="text" name="mother_name" class="form-control" placeholder=" মাতার নাম" required="required" value="{{ old('mother_name') }}">
                </div>
            </div>

            <label class="control-label">মালিকের নাম<span class="text-danger">*</span></label>
            <div class="row m-b-15">
                <div class="col-md-12">
                    <input type="text" name="name" class="form-control" placeholder="মালিকের নাম" required="required" value="{{ old('name') }}">
                </div>
            </div>

            <label class="control-label">ইউজার নাম<span class="text-danger">*</span></label>
            <div class="row m-b-15">
                <div class="col-md-12">
                    <input type="text" name="username" class="form-control" placeholder="ইউজার নাম" required="required" value="{{ old('username') }}">
                </div>
            </div>

            <label class="control-label">ই-মেইল <span class="text-danger">*</span></label>
            <div class="row m-b-15">
                <div class="col-md-12">
                    <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" placeholder="ই-মেইল" required="required" value="{{ old('email') }}">
                    @error('email')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>

            <label class="control-label">পাসওয়ার্ড<span class="text-danger">*</span></label>
            <div class="row m-b-15">
                <div class="col-md-12">
                    <input type="password" name="password" class="form-control" placeholder="পাসওয়ার্ড" required="required" value="{{ old('password') }}">
                </div>
            </div>
            
            <label class="control-label">ছবি<span class="text-danger">*</span></label>
            <div class="row m-b-15">
                <div class="col-md-12">
                    <input type="file" class="form-control" id="image" placeholder="image">
                    <input type="hidden" name="image" id="image_uri" class="image-tag"> 
                    @error('image')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span> 
                    @enderror
                    <br>
                    <div class="col-md-2" id="uploaded_image">	
                        <img src="{{ asset('assets/img/image.jpg') }}"  style="border:1px solid #c2c2c2;align:center;margin:auto;" height="100px" width="90px">
                    </div>
                </div>
            </div>
            
            <label class="control-label">সার্কেল নির্বাচন<span class="text-danger">*</span></label>
            <div class="row m-b-15">
                <div class="col-md-12">
                    <select name="circle_id" id="circle_id" class="form-control @error('name') is-invalid @enderror" data-size="10" data-live-search="true" data-style="btn-white" required="required">
                    <option value="" seelcted="selected" readOnly>সার্কেল নির্বাচন করুন</option>
                    @foreach ($circles as $circle)
                        <option value="{{ $circle->id }}" {{ request()->circle_no == $circle->circle_no ? 'selected' : '' }}>{{ $circle->name }}</option>
                    @endforeach
                    </select>
                </div>
            </div>
            
            <label class="control-label">ওয়ার্ড নির্বাচন<span class="text-danger">*</span></label>
            <div class="row m-b-15">
                <div class="col-md-12">
                    <select name="ward_id" id="ward_id" class="form-control @error('name') is-invalid @enderror" data-size="10" data-live-search="true" data-style="btn-white" required="required">
                    </select>
                </div>
            </div>
            
            <label class="control-label">ব্যবসার প্রতিষ্ঠানের ঠিকানা<span class="text-danger">*</span></label>
            <div class="row m-b-15">
                <div class="col-md-12">
                    <textarea class="form-control @error('business_address') is-invalid @enderror" name="business_address" placeholder="ব্যবসার প্রতিষ্ঠানের ঠিকানা" rows="5">{{ old('business_address') }}</textarea>
                    @error('business_address')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>

            <label class="control-label">মালিকের ঠিকানা (বর্তমান)<span class="text-danger">*</span></label>
            <div class="row m-b-15">
                <div class="col-md-12">
                    <textarea class="form-control @error('owner_present_address') is-invalid @enderror" name="owner_present_address" placeholder="ব্যবসার প্রতিষ্ঠানের ঠিকানা (বর্তমান)" rows="5">{{ old('owner_present_address') }}</textarea>
                    @error('owner_present_address')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>

            <label class="control-label">মালিকের ঠিকানা (স্থায়ী)<span class="text-danger">*</span></label>
            <div class="row m-b-15">
                <div class="col-md-12">
                    <textarea class="form-control @error('owner_permanent_address') is-invalid @enderror" name="owner_permanent_address" placeholder="ব্যবসার প্রতিষ্ঠানের ঠিকানা (স্থায়ী)" rows="5">{{ old('owner_permanent_address') }}</textarea>
                    @error('owner_permanent_address')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>

            <label class="control-label">মোবাইল<span class="text-danger">*</span></label>
            <div class="row m-b-15">
                <div class="col-md-12">
                    <input type="number" name="mobile_number" class="form-control @error('mobile_number') is-invalid @enderror" placeholder="মোবাইল" required="required" value="{{ old('mobile_number') }}">
                    @error('mobile_number')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>

            <label class="control-label">জাতীয় পরিচয় পত্র<span class="text-danger">*</span></label>
            <div class="row m-b-15">
                <div class="col-md-12">
                    <input type="number" name="nid" class="form-control" placeholder="জাতীয় পরিচয় পত্র" required="required" value="{{ old('nid') }}">
                </div>
            </div>

            <div class="register-buttons m-t-5 m-b-5 p-b-5 text-inverse">
                <button type="submit" class="btn btn-primary">নিবন্ধন করুন</button>
                <a class="btn btn-warning" href="{{ route('admin') }}">লগিন করুন</a>
            </div>            
            @include('layouts.appcomponents.copyright')
        </form>
    </div>
    <!-- end register-content -->
</div>
<!-- end right-content -->

<div id="uploadimageModal" class="modal" role="dialog">
	<div class="modal-dialog">
		<div class="modal-content">
      		<div class="modal-header">
        		<button type="button" class="btn btn-sm btn-danger pull-right" data-dismiss="modal"><i class="fa fa-close"></i></button>
        		<h4 class="modal-title">Upload & Crop Image</h4>
      		</div>
      		<div class="modal-body">
        		<div class="row">
  					<div class="col-md-12 text-center">
						<div id="crop_image" style="width:100%; margin-top:30px"></div>
  					</div>
				</div>
      		</div>
      		<div class="modal-footer">
      			<button class="btn btn-warning crop_image">Crop & Upload</button>
      		</div>
    	</div>
    </div>
</div>

@include('auth.registerAjax')
@endsection