@extends('layouts.app')
@section('title','কনফিগারেশন')
@section('content')
<!-- begin breadcrumb -->
<ol class="breadcrumb pull-right">
    <li><a href="{{ route('admin') }}">ড্যাশবোর্ড</a></li>
    <li class="active">@yield('title')</li>
</ol>
<!-- end breadcrumb -->
<!-- begin page-header -->
<h1 class="page-header">@yield('title')<small></small></h1>
<!-- end page-header -->

<div class="col-md-12 ui-sortable">
    <div class="panel panel-inverse" data-sortable-id="form-stuff-1" data-init="true">
        <div class="panel-heading">
        
            <h4 class="panel-title">@yield('title')</h4>
        </div>
        @include('messages.message')
        <div class="panel-body">
            
            <form class="form-horizontal" action="{{ route('configuration.update') }}" method="post" enctype="multipart/form-data">
                @csrf
                
                <div class="col-md-12">
                    <div class="col-md-6">
                        
                        <div class="form-group">
                            <label class="col-md-3 control-label">টাইটেল<span class="text-danger">*</span></label>
                            <div class="col-md-9">
                                <input type="text" name="app_title" class="form-control banglaType" placeholder="সফটওয়্যার টাইটেল" value="{{ $config->app_title }}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label">ইউনিয়নের লোগো<span class="text-danger">*</span></label>
                            <div class="col-md-9">
                                <input type="file" class="form-control" id="app_logo" placeholder="image">
                                <input type="hidden" name="app_logo" id="app_logo_uri" class="image-tag" value="{{ $config->app_logo ? $config->app_logo : asset($config->default_logo) }}"> 
                                <br>
                                <div class="col-md-2" id="app_logo_uploaded">	
                                    <img src="{{ $config->app_logo ? asset($config->app_logo) : asset($config->default_logo) }}"  style="border:1px solid #c2c2c2;align:center;margin:auto;" height="100px" width="100px">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label">ইউনিয়নের নাম</label>
                            <div class="col-md-9">
                                <input type="text" name="union_name" class="form-control banglaType" placeholder="উপজেলার নাম" value="{{ $config->union_name }}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label">উপজেলার নাম</label>
                            <div class="col-md-9">
                                <input type="text" name="upazila_name" class="form-control banglaType" placeholder="উপজেলার নাম" value="{{ $config->upazila_name }}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label">জেলার নাম</label>
                            <div class="col-md-9">
                                <input type="text" name="district_name" class="form-control banglaType" placeholder="জেলার নাম" value="{{ $config->district_name }}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label">চেয়ারম্যানের নাম</label>
                            <div class="col-md-9">
                                <input type="text" name="chairman_name" class="form-control banglaType" placeholder="মেয়র নাম" value="{{ $config->chairman_name }}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label">চেয়ারম্যানের ছবি</label>
                            <div class="col-md-9">
                                <input type="file" class="form-control" id="chairman_image" placeholder="image">
                                <input type="hidden" name="chairman_image" id="chairman_image_uri" value="{{ $config->chairman_image != null ? $config->chairman_image : asset($config->default_image) }}" class="image-tag"> 
                                <br>
                                <div class="col-md-2" id="chairman_uploaded_image">	
                                    <img src="{{ $config->chairman_image != null ? asset($config->chairman_image) : asset($config->default_image) }}"  style="border:1px solid #c2c2c2;align:center;margin:auto;" height="100px" width="90px">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label">চেয়ারম্যানের স্বাক্ষর</label>
                            <div class="col-md-9">
                                <input type="file" class="form-control" id="chairman_signature" placeholder="image">
                                <input type="hidden" name="chairman_signature" id="chairman_signature_uri" value="{{ $config->chairman_signature != null ? asset($config->chairman_signature) : asset($config->default_signature) }}" class="image-tag"> 
                                <br>
                                <div class="col-md-2" id="chairman_signature_uploaded_image">	
                                    <img src="{{ $config->chairman_signature != null ? asset($config->chairman_signature) : asset($config->default_signature) }}"  style="border:1px solid #c2c2c2;align:center;margin:auto;" height="70px" width="140px">
                                </div>
                            </div>
                        </div>

                     
                    </div>

                    <div class="col-md-6">

                        <div class="form-group">
                            <label class="col-md-3 control-label">বানী শিরোনাম</label>
                            <div class="col-md-9">
                                <input type="text" name="chairman_speech_title" class="form-control banglaType" placeholder="মেয়রের বানী শিরোনাম" value="{{ $config->chairman_speech_title }}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label">চেয়ারম্যানের বানী</label>
                            <div class="col-md-9">
                                <textarea type="text" name="chairman_speech" class="form-control banglaType" placeholder="মেয়রের বানী" rows="10" value="">{{ $config->chairman_speech }}</textarea>
                            </div>
                        </div>
                         
                        <div class="form-group">
                            <label class="col-md-3 control-label">সচিবের নাম</label>
                            <div class="col-md-9">
                                <input type="text" name="secretary_name" class="form-control banglaType" placeholder="সচিব" value="{{ $config->secretary_name }}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label">সচিবের ছবি</label>
                            <div class="col-md-9">
                                <input type="file" class="form-control" id="secretary_image" placeholder="image">
                                <input type="hidden" name="secretary_image" id="secretary_image_uri" value="{{ $config->secretary_image != null ? $config->secretary_image : asset($config->default_image) }}" class="image-tag"> 
                                <br>
                                <div class="col-md-2" id="secretary_uploaded_image">	
                                    <img src="{{ $config->secretary_image != null ? asset($config->secretary_image) : asset($config->default_image) }}"  style="border:1px solid #c2c2c2;align:center;margin:auto;" height="100px" width="90px">
                                </div>
                            </div>
                        </div>
                        
                        <div class="form-group">
                            <label class="col-md-3 control-label">সচিবের স্বাক্ষর</label>
                            <div class="col-md-9">
                                <input type="file" class="form-control" id="secretary_signature" placeholder="image">
                                <input type="hidden" name="secretary_signature" id="secretary_signature_uri" value="{{ $config->secretary_signature != null ? $config->secretary_signature : asset($config->default_signature) }}" class="image-tag"> 
                                <br>
                                <div class="col-md-2" id="secretary_signature_uploaded">	
                                    <img src="{{ $config->secretary_signature != null ? asset($config->secretary_signature) : asset($config->default_signature) }}"  style="border:1px solid #c2c2c2;align:center;margin:auto;" height="70px" width="140px">
                                </div>
                            </div>
                        </div>
                        
                    </div>
                    <div class="col-md-12">
                        <div class="float-right ">
                            <div class="col-md-9">
                                <button type="submit" class="btn btn-sm btn-success">সংরক্ষন</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<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">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</button>
      		</div>
    	</div>
    </div>
</div>

<div id="chairman_signature_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">Crop Image</h4>
      		</div>
      		<div class="modal-body">
        		<div class="row">
  					<div class="col-md-12 text-center">
						<div id="chairman_signature_crop_image" style="width:100%; margin-top:30px"></div>
  					</div>
				</div>
      		</div>
      		<div class="modal-footer">
      			<button class="btn btn-warning chairman_signature_crop_image">Crop</button>
      		</div>
    	</div>
    </div>
</div>

<div id="secretary_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">Crop Image</h4>
      		</div>
      		<div class="modal-body">
        		<div class="row">
  					<div class="col-md-12 text-center">
						<div id="secretary_crop_image" style="width:100%; margin-top:30px"></div>
  					</div>
				</div>
      		</div>
      		<div class="modal-footer">
      			<button class="btn btn-warning secretary_crop_image">Crop</button>
      		</div>
    	</div>
    </div>
</div>

<div id="secretary_signature_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">Crop Image</h4>
      		</div>
      		<div class="modal-body">
        		<div class="row">
  					<div class="col-md-12 text-center">
						<div id="secretary_signature_crop_image" style="width:100%; margin-top:30px"></div>
  					</div>
				</div>
      		</div>
      		<div class="modal-footer">
      			<button class="btn btn-warning secretary_signature_crop_image">Crop</button>
      		</div>
    	</div>
    </div>
</div>


<div id="inspector_signature_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">Crop Image</h4>
      		</div>
      		<div class="modal-body">
        		<div class="row">
  					<div class="col-md-12 text-center">
						<div id="inspector_signature_crop" style="width:100%; margin-top:30px"></div>
  					</div>
				</div>
      		</div>
      		<div class="modal-footer">
      			<button class="btn btn-warning inspector_signature_crop">Crop</button>
      		</div>
    	</div>
    </div>
</div>

<div id="app_logo_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">Crop Image</h4>
      		</div>
      		<div class="modal-body">
        		<div class="row">
  					<div class="col-md-12 text-center">
						<div id="app_logo_crop" style="width:100%; margin-top:30px"></div>
  					</div>
				</div>
      		</div>
      		<div class="modal-footer">
      			<button class="btn btn-warning app_logo_crop">Crop</button>
      		</div>
    	</div>
    </div>
</div>

<div id="govt_logo_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">Crop Image</h4>
      		</div>
      		<div class="modal-body">
        		<div class="row">
  					<div class="col-md-12 text-center">
						<div id="govt_logo_crop" style="width:100%; margin-top:30px"></div>
  					</div>
				</div>
      		</div>
      		<div class="modal-footer">
      			<button class="btn btn-warning govt_logo_crop">Crop</button>
      		</div>
    	</div>
    </div>
</div>
@include('configuration.configAjax')
@endsection