@extends('layouts.app')

@section('content')
<meta name="csrf-token" id="csrf-token" content="{{ csrf_token() }}">

<style type="text/css">
    .select2-container{
        float: left !important;
        padding-left: 1px !important;
        width: 380px !important;
    }
</style>

<section class="content-header" style="margin-bottom:20px">
    <h1>Upload Excel</h1>
</section>

<!-- /.box -->

@if ($message = Session::get('success'))
<div class="alert alert-success">
    <p>{{ $message }}</p>
</div>
@elseif ($message = Session::get('failure'))
<div class="alert alert-warning">
    <p>{{ $message }}</p>
</div>
@endif

<div class="box">
    <div class="box-header">
        <h3 class="box-title">Add Cities by Excel</h3>
        <div class="pull-right">
            
        </div>
    </div>
    <!-- /.box-header -->
    
    <div class="box-body">
        <form id="uploadExcel" class="form-horizontal addBorderClass" enctype="multipart/form-data" role="form" method="POST" action="upload_excel">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <label class="col-md-3">Countries:</label>
                        <select id="countryList" class="col-md-4 countryList" name="name" required="true">  
                            <option value="">Select Country</option>                            
                            @foreach($country as $val)
                                <option value="{{ $val->id }}">{{ $val->name }}</option>
                            @endforeach 
                        </select>
                        <div class="col-md-2"></div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <label class="col-md-3">Upload Excel:</label>
                        <input type="file" name="file" id="file" size="150" class="col-md-4">
                        <div class="col-md-2"></div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12 text-center" id="uploadDivId" style="padding-top: 10px;">
                    <button type="submit" class="btn btn-primary btn-sm" id="uploadExcelBtn">Upload</button>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12 text-left" id="uploadDivId" style="padding-top: 10px;">
                    <p>Note: Columns for upload Excel file are :- <br/> To get the sample excel <a href="/files/cities.xlsx" download="sample_excel.xlsx">Click here...</a></p>
                </div>
            </div>
        </form>
    </div>
</div>

<script src="{{ asset('/js/advertiser.js') }}"></script>
@endsection